summaryrefslogtreecommitdiff
path: root/frontend/src/pages/AccountPage.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/pages/AccountPage.svelte')
-rw-r--r--frontend/src/pages/AccountPage.svelte10
1 files changed, 5 insertions, 5 deletions
diff --git a/frontend/src/pages/AccountPage.svelte b/frontend/src/pages/AccountPage.svelte
index c85dc53..360b95c 100644
--- a/frontend/src/pages/AccountPage.svelte
+++ b/frontend/src/pages/AccountPage.svelte
@@ -104,10 +104,10 @@
</script>
<Page title="账户与安全" subtitle="资料、密码与个人会话管理">
- <div class="flex flex-col gap-3">
+ <div class="flex flex-col gap-4 md:gap-6">
<Card.Root size="sm">
<Card.Header><Card.Title>个人信息</Card.Title></Card.Header>
- <form onsubmit={saveProfile} class="flex flex-wrap items-center gap-3">
+ <form onsubmit={saveProfile} class="flex flex-wrap items-center gap-4">
<div class="flex-[1_1_200px]">
<Label for="acc-name">姓名</Label>
<Input id="acc-name" bind:value={nameInput} autocomplete="name" />
@@ -129,8 +129,8 @@
<Card.Root size="sm">
<Card.Header><Card.Title>修改密码</Card.Title></Card.Header>
- <form onsubmit={changePassword} class="flex flex-col gap-3">
- <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
+ <form onsubmit={changePassword} class="flex flex-col gap-4">
+ <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
<div>
<Label for="pw-cur">当前密码</Label>
<Input id="pw-cur" type="password" bind:value={curPw} required autocomplete="current-password" />
@@ -176,7 +176,7 @@
<Table.Cell>{fmtDateTime(s.last_seen_at)}</Table.Cell>
<Table.Cell class="text-sm text-muted-foreground">{s.user_agent?.slice(0, 60) ?? '—'}</Table.Cell>
<Table.Cell>
- <div class="flex items-center gap-2 flex-wrap">
+ <div class="flex items-center gap-4 flex-wrap">
{#if s.current}<Badge variant="secondary">当前会话</Badge>{/if}
<Button variant="outline" size="sm" class="text-destructive" disabled={s.current && sessions.length === 1} onclick={() => void revoke(s)}>
{s.current ? '注销当前' : '撤销'}