Style fixes

This commit is contained in:
2026-01-03 23:26:56 +00:00
parent 83cc49e7ec
commit 98955a1ce7
5 changed files with 21 additions and 15 deletions

View File

@@ -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)}>&times;</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 &&