Public Access
fix(layout): fit names on phones without sideways scroll
Display and game names shrink to 0.875rem, then end with an ellipsis (FitText + fit-text utility, CSS container units, full text in title). Rows and buttons wrap at large fonts, header points chip can shrink. Guard: scripts/check-overflow.js.
This commit is contained in:
1 parent
04387fcd0c
commit
d7810fbf94
37 files changed
+263
-79
No files matched your search
@@ -151,6 +151,11 @@ export default function AdminUsersPage() {
|
||||
const confirmDisabled = busy || (pending?.kind === 'delete'
|
||||
&& typedEmail.trim().toLowerCase() !== pending.user.email.toLowerCase());
|
||||
|
||||
const metaLine = (user) => [user.displayName,
|
||||
t('ADMIN.REGISTERED', {date: formatDateOrNull(user.registrationDate, i18n.language)}),
|
||||
t('ADMIN.LAST_LOGIN', {date: formatDateOrNull(user.lastLoginDate, i18n.language) ?? t('ADMIN.NEVER')}),
|
||||
].filter(Boolean).join(' · ');
|
||||
|
||||
return (
|
||||
<PageContainer className="space-y-4 px-4 py-6 md:px-8">
|
||||
<Card>
|
||||
@@ -184,11 +189,8 @@ export default function AdminUsersPage() {
|
||||
<li key={user.id} className="flex flex-wrap items-center gap-3 py-3">
|
||||
<div className="min-w-0 flex-1">
|
||||
<p className="truncate font-medium">{user.email}</p>
|
||||
<p className="truncate text-xs text-muted-foreground">
|
||||
{[user.displayName,
|
||||
t('ADMIN.REGISTERED', {date: formatDateOrNull(user.registrationDate, i18n.language)}),
|
||||
t('ADMIN.LAST_LOGIN', {date: formatDateOrNull(user.lastLoginDate, i18n.language) ?? t('ADMIN.NEVER')}),
|
||||
].filter(Boolean).join(' · ')}
|
||||
<p className="truncate text-xs text-muted-foreground" title={metaLine(user)}>
|
||||
{metaLine(user)}
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex flex-wrap items-center gap-1">
|
||||
|
||||
Reference in new issue
Block a user