|
|
@@ -205,13 +205,66 @@ tr:hover td { background: rgba(91,138,245,.05); }
|
|
|
.feed-item .feed-count { color: var(--text-dim); font-size: .78rem; min-width: 50px; text-align: right; }
|
|
|
|
|
|
/* ── Feeds management view ───────────────────────── */
|
|
|
-.feed-toggle-row { display: flex; align-items: center; padding: .55rem .6rem; border-bottom: 1px solid rgba(42,46,58,.4); }
|
|
|
+.feed-toggle-list {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ gap: .15rem;
|
|
|
+ border: 1px solid rgba(42,46,58,.4);
|
|
|
+ border-radius: var(--radius);
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.feed-toggle-header,
|
|
|
+.feed-toggle-row {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: .5rem .6rem;
|
|
|
+}
|
|
|
+.feed-toggle-header {
|
|
|
+ background: var(--surface2);
|
|
|
+ border-bottom: 1px solid rgba(42,46,58,.5);
|
|
|
+ padding: .35rem .6rem;
|
|
|
+}
|
|
|
+.feed-toggle-row {
|
|
|
+ border-bottom: 1px solid rgba(42,46,58,.3);
|
|
|
+}
|
|
|
.feed-toggle-row:last-child { border: none; }
|
|
|
-.feed-toggle-row input[type=checkbox] { accent-color: var(--accent); width: 16px; height: 16px; cursor: pointer; margin-right: .6rem; }
|
|
|
-.feed-toggle-row .feed-url { flex: 1; font-size: .82rem; font-weight: 500; word-break: break-all; }
|
|
|
-.feed-toggle-row .feed-toggle-hint { font-size: .72rem; color: var(--text-dim); margin-left: .5rem; white-space: nowrap; }
|
|
|
|
|
|
-/* ── Toast ────────────────────────────────────────── */
|
|
|
+.feed-col-check {
|
|
|
+ width: 36px;
|
|
|
+ flex-shrink: 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.feed-col-check input[type=checkbox] {
|
|
|
+ accent-color: var(--accent);
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.feed-col-url {
|
|
|
+ flex: 1;
|
|
|
+ min-width: 0;
|
|
|
+ font-size: .82rem;
|
|
|
+ font-weight: 500;
|
|
|
+ word-break: break-all;
|
|
|
+ padding: 0 .6rem;
|
|
|
+}
|
|
|
+.feed-col-hint {
|
|
|
+ font-size: .72rem;
|
|
|
+ color: var(--text-dim);
|
|
|
+ white-space: nowrap;
|
|
|
+ flex-shrink: 0;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.feed-toggle-header .feed-col-url,
|
|
|
+.feed-toggle-header .feed-col-hint,
|
|
|
+.feed-toggle-header .feed-col-check {
|
|
|
+ font-size: .65rem;
|
|
|
+ text-transform: uppercase;
|
|
|
+ letter-spacing: .06em;
|
|
|
+ color: var(--text-dim);
|
|
|
+}
|
|
|
.toast {
|
|
|
position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
|
|
|
background: var(--surface); border: 1px solid var(--border); color: var(--text);
|