rajpreet/since3-portal
1
0
Fork 0
mirror of https://github.com/Since-3/since3-portal.git synced 2026-10-12 21:41:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

mobile responsive

Browse source
This commit is contained in:
Rajpreet0 2026-09-29 22:56:37 +02:00
parent 496ad28723
commit b6f741be8f
30 changed files with 245 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

13
modules/shared/ui/components/credentials-table.tsx
View file

@ -46,7 +46,7 @@ function RevealButton({ credentialId }: { credentialId: string }) {
return (
<div className="flex items-center gap-2">
<span className="min-w-32 font-mono text-small">
<span className="font-mono text-small break-all sm:min-w-32">
{password ?? "••••••••"}
</span>
<Button
@ -86,9 +86,9 @@ export function CredentialsTable({
<TableHeader>
<TableRow className="hover:bg-transparent">
<TableHead>Dienst</TableHead>
<TableHead>Benutzername</TableHead>
<TableHead className="hidden md:table-cell">Benutzername</TableHead>
<TableHead>Passwort</TableHead>
<TableHead className="w-24" />
<TableHead className="w-20 sm:w-24" />
</TableRow>
</TableHeader>
<TableBody>
@ -102,10 +102,13 @@ export function CredentialsTable({
<div className="flex size-9 shrink-0 items-center justify-center rounded-md border border-border bg-background">
<ServiceLogo serviceId={credential.service} size={18} className="size-4.5 object-contain" />
</div>
<span className="font-medium">{service.label}</span>
<div className="flex min-w-0 flex-col">
<span className="font-medium">{service.label}</span>
<span className="text-small text-muted-foreground break-all md:hidden">{credential.username}</span>
</div>
</div>
</TableCell>
<TableCell className="text-muted-foreground">{credential.username}</TableCell>
<TableCell className="hidden text-muted-foreground break-all md:table-cell">{credential.username}</TableCell>
<TableCell>
<RevealButton credentialId={credential.id} />
</TableCell>