forked from tanner/qotnews
Style fixes
This commit is contained in:
@@ -178,7 +178,9 @@ function App() {
|
||||
return (
|
||||
<div className={theme}>
|
||||
{settingsOpen &&
|
||||
<div className="modal-overlay" onClick={() => setSettingsOpen(false)}>
|
||||
<>
|
||||
<div className="modal-overlay" onClick={() => setSettingsOpen(false)}></div>
|
||||
|
||||
<div className="modal-content" onClick={e => e.stopPropagation()}>
|
||||
<button className="close-modal-button" onClick={() => setSettingsOpen(false)}>×</button>
|
||||
<h3>Settings</h3>
|
||||
@@ -202,11 +204,10 @@ function App() {
|
||||
|
||||
<div className="setting-group">
|
||||
<h4>Feed</h4>
|
||||
<div className="font-option">
|
||||
<div className="font-option gap">
|
||||
<input className="checkbox" type="checkbox" id="filter-smallweb" checked={filterSmallweb} onChange={handleFilterChange} />
|
||||
<label htmlFor="filter-smallweb">Small websites only</label>
|
||||
</div>
|
||||
<br/>
|
||||
<div className="font-option">
|
||||
<input className="checkbox" type="checkbox" id="filter-hackernews" name="feed-source" checked={feedSources.hackernews} onChange={() => handleFeedSourceChange('hackernews')} />
|
||||
<label htmlFor="filter-hackernews">Hacker News</label>
|
||||
@@ -265,7 +266,7 @@ function App() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
}
|
||||
|
||||
{waitingWorker &&
|
||||
|
||||
Reference in New Issue
Block a user