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

Style checkbox

Browse Source
This commit is contained in:
Tanner Collin
2025-12-04 22:55:23 +00:00
parent 1d019f880b
commit ff1297e507
3 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webclient/src/Feed.js
View File

@@ -123,7 +123,7 @@ function Feed({ updateCache }) {
<div style={{marginBottom: '1rem'}}> <div style={{marginBottom: '1rem'}}>
<input type="checkbox" id="filter-smallweb" className="checkbox" checked={filterSmallweb} onChange={handleFilterChange} /> <input type="checkbox" id="filter-smallweb" className="checkbox" checked={filterSmallweb} onChange={handleFilterChange} />
<label htmlFor="filter-smallweb">Filter Smallweb</label> <label htmlFor="filter-smallweb">Only Smallweb</label>
</div> </div>
{error && {error &&

4
webclient/src/Style-black.css
View File

@@ -66,3 +66,7 @@
.black .comment.lined { .black .comment.lined {
border-left: 1px solid #444444; border-left: 1px solid #444444;
} }
.black .checkbox:checked + label::after {
border-color: #ddd;
}

8
webclient/src/Style-red.css
View File

@@ -80,3 +80,11 @@
.red .dot { .red .dot {
background-color: #440000; background-color: #440000;
} }
.red .checkbox + label::before {
border: 1px solid #690000;
}
.red .checkbox:checked + label::after {
border-color: #aa0000;
}