tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

feat: Add X close button to settings modal

Browse Source 
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
Tanner Collin
2026-01-03 00:19:14 +00:00
parent fcb78b9803
commit 7faebe346e
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
webclient/src/App.js
View File

@@ -180,6 +180,7 @@ function App() {
{settingsOpen && {settingsOpen &&
<div className="modal-overlay" onClick={() => setSettingsOpen(false)}> <div className="modal-overlay" onClick={() => setSettingsOpen(false)}>
<div className="modal-content" onClick={e => e.stopPropagation()}> <div className="modal-content" onClick={e => e.stopPropagation()}>
<button className="close-modal-button" onClick={() => setSettingsOpen(false)}>&times;</button>
<h3>Settings</h3> <h3>Settings</h3>
<div className="setting-group"> <div className="setting-group">

13
webclient/src/Style-light.css
View File

@@ -484,3 +484,16 @@ button.comment {
.modal-content .font-option { .modal-content .font-option {
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
.close-modal-button {
position: absolute;
top: 0.5rem;
right: 0.75rem;
background: transparent;
border: none;
font-size: 1.5rem;
line-height: 1;
padding: 0;
cursor: pointer;
color: inherit;
}