This commit is contained in:
onysd 2026-08-05 04:03:47 +03:00
parent 21f5e888f2
commit cddd341bb2
7 changed files with 36 additions and 19 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -23,8 +23,8 @@
})();
</script>
<script type="module" crossorigin src="/assets/index-CbmmhRNL.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D4unRNoP.css">
<script type="module" crossorigin src="/assets/index-DAm5-kIE.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D5eZOKdH.css">
</head>
<body>
<div id="root"></div>

View file

@ -248,17 +248,23 @@ export function AccountDetailPage({ id, navigate }: { id: number; navigate: Navi
onDone={load}
/>
<ScamFakeActions idKey="user_id" id={account.ID} path="/api/actions/set-account-flags" scam={detail.Scam} fake={detail.Fake} onDone={load} />
<SupportAction id={account.ID} support={detail.Support} onDone={load} />
</div>
</section>
<section className="section-block">
<SectionHead title={"Profile Attributes"} />
<div className="action-stack">
<SupportAction id={account.ID} support={detail.Support} onDone={load} />
<UsernameAction idKey="user_id" id={account.ID} path="/api/actions/set-account-username" current={account.Username} onDone={load} />
<ColorAction idKey="user_id" id={account.ID} path="/api/actions/set-account-color" onDone={load} />
<EmojiStatusAction idKey="user_id" id={account.ID} path="/api/actions/set-account-emoji-status" onDone={load} />
</div>
<SectionHead title={"Username"} />
<UsernameAction idKey="user_id" id={account.ID} path="/api/actions/set-account-username" current={account.Username} onDone={load} />
</section>
<section className="section-block">
<SectionHead title={"Profile Color"} />
<ColorAction idKey="user_id" id={account.ID} path="/api/actions/set-account-color" onDone={load} />
</section>
<section className="section-block">
<SectionHead title={"Emoji Status"} />
<EmojiStatusAction idKey="user_id" id={account.ID} path="/api/actions/set-account-emoji-status" onDone={load} />
</section>
</div>

View file

@ -60,11 +60,17 @@
border-radius: var(--radius);
}
/* A fixed column count, not auto-fit: auto-fit packs as many cards per row as
the viewport allows, which for an odd card count (e.g. 5 or 6) leaves a lone
orphan card stranded alone in its own row with a huge empty gap beside it,
and the exact column count shifts unpredictably with viewport width. Fixed
columns keep the grid predictable and let the responsive breakpoints below
step it down deliberately instead of at whatever width auto-fit happens to
drop a column. */
.action-groups {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
align-items: start;
}
.section-block,
@ -181,19 +187,19 @@
}
.device-actions-head {
width: 190px;
width: 250px;
}
.device-actions-cell {
width: 190px;
min-width: 190px;
width: 250px;
min-width: 250px;
}
.device-actions {
display: grid;
grid-template-columns: repeat(2, minmax(82px, 1fr));
grid-template-columns: repeat(2, minmax(110px, 1fr));
gap: 6px;
min-width: 178px;
min-width: 226px;
white-space: normal;
}

View file

@ -28,6 +28,10 @@
.action-dock {
position: static;
}
.action-groups {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 760px) {
@ -42,7 +46,8 @@
.overview-metrics,
.metric-row,
.summary-grid,
.command-steps {
.command-steps,
.action-groups {
grid-template-columns: 1fr;
}