feat: Аккаунт › Вид - tab icons left, right or hidden, terminal font, compact file lists, the time column, animations; kept per user on the server. Uploads show a ring filling as they go

This commit is contained in:
redtea committed 2026-10-16 10:17:07 +03:00
1 parent c003b51b4c
commit 5216aed237
10 files changed
+167 -3

No files matched your search

+22
View File
@@ -1003,3 +1003,25 @@ details[open]::details-content { block-size: auto; opacity: 1; }
.ai-act:hover:not(:disabled) { filter:brightness(1.1); }
.ai-act:disabled { background:#1f2733; color:var(--muted); cursor:default; }
.ai-code.ai-action pre { margin:0; border:0; border-radius:0; background:transparent; }
/* Аккаунт › Вид. */
.acct-view { margin-top:12px; padding-top:12px; border-top:1px solid var(--border); }
.acct-view summary { font-size:14px; color:var(--text); }
.acct-viewin { display:grid; gap:8px; margin-top:10px; }
.acct-viewin label { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; color:var(--muted); }
.acct-viewin select { width:auto; flex:none; min-width:170px; }
/* The look chosen. */
body[data-tabicons="right"] .tab-kinds { order:2; }
body[data-tabicons="right"] .tab-title { order:1; }
body[data-tabicons="right"] .tab-x { order:3; }
body[data-tabicons="hide"] .tab-kinds { display:none; }
body.compact table.fm td { padding-top:3px; padding-bottom:3px; }
body.compact table.fm td .btn.icon { width:28px; height:28px; }
body.no-ftime table.fm .c-mt, body.no-ftime table.fm td.mt { display:none; }
body.no-motion *, body.no-motion *::before, body.no-motion *::after, body.no-motion::backdrop { transition:none !important; animation:none !important; }
/* Uploading: a small ring that fills as the files go up. */
.fp-ring { display:none; transform:rotate(-90deg); flex:none; }
.busy.uploading .spinner { display:none; }
.busy.uploading .fp-ring { display:block; }
.fp-ring circle { fill:none; stroke-width:2.6; }
.fp-ring .bg { stroke:var(--border); }
.fp-ring .fg { stroke:var(--accent); stroke-linecap:round; stroke-dasharray:100; stroke-dashoffset:calc(100 - var(--up, 0)); transition:stroke-dashoffset .25s ease; }