starred/pocket-id
1
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2025-12-24 01:11:52 +03:00
Code Issues 121 Packages Projects Releases 16 Wiki Activity

feat: modernize ui (#381)

Browse Source 
Co-authored-by: Elias Schneider <login@eliasschneider.com>
This commit is contained in:
Kyle Mendell
2025-03-30 13:19:14 -05:00
committed by GitHub
parent 5dcf69e974
commit 9881a1df9e
28 changed files with 847 additions and 512 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/routes/settings/audit-log/+page.svelte
View File

@@ -1,10 +1,10 @@
<script lang="ts">
import * as Card from '$lib/components/ui/card';
import { m } from '$lib/paraglide/messages';
import { LogsIcon } from 'lucide-svelte';
import AuditLogList from './audit-log-list.svelte';
let { data } = $props();
let { auditLogs } = data;
let auditLogsRequestOptions = $state(data.auditLogsRequestOptions);
</script>
@@ -12,14 +12,17 @@
<title>{m.audit_log()}</title>
</svelte:head>
<Card.Root>
<Card.Header>
<Card.Title>{m.audit_log()}</Card.Title>
<Card.Description class="mt-1"
>{m.see_your_account_activities_from_the_last_3_months()}</Card.Description
>
</Card.Header>
<Card.Content>
<AuditLogList auditLogs={data.auditLogs} requestOptions={auditLogsRequestOptions} />
</Card.Content>
</Card.Root>
<div>
<Card.Root>
<Card.Header>
<Card.Title>
<LogsIcon class="text-primary/80 h-5 w-5" />
{m.audit_log()}
</Card.Title>
<Card.Description>{m.see_your_account_activities_from_the_last_3_months()}</Card.Description>
</Card.Header>
<Card.Content>
<AuditLogList auditLogs={data.auditLogs} requestOptions={auditLogsRequestOptions} />
</Card.Content>
</Card.Root>
</div>