gamezonline/Moku
1
0
Fork 0
mirror of https://github.com/moku-project/Moku.git synced 2026-06-13 01:09:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

[V1] Created Toaster & Augmented Explore Tab

Browse Source
This commit is contained in:
Youwes09
2026-02-23 11:36:52 -06:00
parent cd2d79f80c
commit 7b61f85833
11 changed files with 704 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/SeriesDetail.module.css
+82 -2
View File
@@ -98,6 +98,16 @@
letter-spacing: var(--tracking-wide);
}
.genreClickable {
cursor: pointer;
transition: color var(--t-base), border-color var(--t-base), background var(--t-base);
}
.genreClickable:hover {
color: var(--accent-fg);
border-color: var(--accent-dim);
background: var(--accent-muted);
}
.sourceLabel {
font-family: var(--font-ui);
font-size: var(--text-2xs);
@@ -111,11 +121,52 @@
color: var(--text-muted);
line-height: var(--leading-base);
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.descriptionExpanded {
-webkit-line-clamp: unset;
display: block;
overflow: visible;
}
.descriptionWrap {
display: flex;
flex-direction: column;
gap: 2px;
}
.descToggle {
font-family: var(--font-ui);
font-size: var(--text-2xs);
color: var(--accent-fg);
letter-spacing: var(--tracking-wide);
background: none;
border: none;
padding: 0;
cursor: pointer;
text-align: left;
opacity: 0.7;
transition: opacity var(--t-base);
}
.descToggle:hover { opacity: 1; }
.genreToggle {
font-family: var(--font-ui);
font-size: var(--text-2xs);
color: var(--text-faint);
background: var(--bg-raised);
border: 1px solid var(--border-dim);
border-radius: var(--radius-sm);
padding: 1px 6px;
letter-spacing: var(--tracking-wide);
cursor: pointer;
transition: color var(--t-base), border-color var(--t-base);
}
.genreToggle:hover { color: var(--accent-fg); border-color: var(--accent-dim); }
/* ── Progress ── */
.progressSection {
display: flex;
@@ -230,10 +281,39 @@
color: var(--text-faint);
letter-spacing: var(--tracking-wide);
text-transform: uppercase;
margin-top: auto;
padding-top: var(--sp-2);
}
/* ── Sidebar mark-all quick actions ── */
.markAllRow {
display: flex;
gap: var(--sp-2);
}
.markAllBtn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
padding: 5px var(--sp-2);
border-radius: var(--radius-md);
border: 1px solid var(--border-dim);
background: none;
color: var(--text-faint);
font-family: var(--font-ui);
font-size: var(--text-2xs);
letter-spacing: var(--tracking-wide);
cursor: pointer;
transition: color var(--t-base), border-color var(--t-base), background var(--t-base);
}
.markAllBtn:hover:not(:disabled) {
color: var(--text-secondary);
border-color: var(--border-strong);
background: var(--bg-raised);
}
.markAllBtn:disabled { opacity: 0.3; cursor: default; }
/* ── Chapter list ── */
.listWrap {
flex: 1;