fix
This commit is contained in:
parent
21f5e888f2
commit
cddd341bb2
7 changed files with 36 additions and 19 deletions
File diff suppressed because one or more lines are too long
1
cmd/telesrv-admin/web/dist/assets/index-D5eZOKdH.css
vendored
Normal file
1
cmd/telesrv-admin/web/dist/assets/index-D5eZOKdH.css
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
4
cmd/telesrv-admin/web/dist/index.html
vendored
4
cmd/telesrv-admin/web/dist/index.html
vendored
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue