refactor: move card descriptions under page headings on profile and security pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-11 09:28:29 +01:00
parent f8cb365e09
commit fdc16957a4
2 changed files with 7 additions and 25 deletions

View File

@@ -12,13 +12,7 @@
import { TagsInput } from "$lib/components/ui/tags-input"; import { TagsInput } from "$lib/components/ui/tags-input";
import { FileDropZone, MEGABYTE } from "$lib/components/ui/file-drop-zone"; import { FileDropZone, MEGABYTE } from "$lib/components/ui/file-drop-zone";
import * as Alert from "$lib/components/ui/alert"; import * as Alert from "$lib/components/ui/alert";
import { import { Card, CardContent } from "$lib/components/ui/card";
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "$lib/components/ui/card";
import Meta from "$lib/components/meta/meta.svelte"; import Meta from "$lib/components/meta/meta.svelte";
const { data } = $props(); const { data } = $props();
@@ -132,14 +126,11 @@
<div class="py-3 sm:py-6 lg:pl-6"> <div class="py-3 sm:py-6 lg:pl-6">
<div class="mb-6"> <div class="mb-6">
<h1 class="text-2xl font-bold">{$_("me.settings.profile_title")}</h1> <h1 class="text-2xl font-bold">{$_("me.settings.profile_title")}</h1>
<p class="text-sm text-muted-foreground mt-1">{$_("me.settings.profile_subtitle")}</p>
</div> </div>
<Card class="bg-card/50 border-primary/20 max-w-2xl"> <Card class="bg-card/50 border-primary/20 max-w-2xl">
<CardHeader> <CardContent class="space-y-4 pt-6">
<CardTitle>{$_("me.settings.profile_title")}</CardTitle>
<CardDescription>{$_("me.settings.profile_subtitle")}</CardDescription>
</CardHeader>
<CardContent class="space-y-4">
<form onsubmit={handleProfileSubmit} class="space-y-4"> <form onsubmit={handleProfileSubmit} class="space-y-4">
<div class="space-y-2"> <div class="space-y-2">
<Label>{$_("me.settings.avatar")}</Label> <Label>{$_("me.settings.avatar")}</Label>

View File

@@ -8,13 +8,7 @@
import { Input } from "$lib/components/ui/input"; import { Input } from "$lib/components/ui/input";
import { Label } from "$lib/components/ui/label"; import { Label } from "$lib/components/ui/label";
import * as Alert from "$lib/components/ui/alert"; import * as Alert from "$lib/components/ui/alert";
import { import { Card, CardContent } from "$lib/components/ui/card";
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "$lib/components/ui/card";
import Meta from "$lib/components/meta/meta.svelte"; import Meta from "$lib/components/meta/meta.svelte";
const { data } = $props(); const { data } = $props();
@@ -58,16 +52,13 @@
<Meta title={$_("me.settings.privacy_title")} /> <Meta title={$_("me.settings.privacy_title")} />
<div class="py-3 sm:py-6 lg:pl-6"> <div class="py-3 sm:py-6 lg:pl-6">
<div class="flex items-center justify-between mb-6"> <div class="mb-6">
<h1 class="text-2xl font-bold">{$_("me.settings.privacy_title")}</h1> <h1 class="text-2xl font-bold">{$_("me.settings.privacy_title")}</h1>
<p class="text-sm text-muted-foreground mt-1">{$_("me.settings.privacy_subtitle")}</p>
</div> </div>
<Card class="bg-card/50 border-primary/20 max-w-2xl"> <Card class="bg-card/50 border-primary/20 max-w-2xl">
<CardHeader> <CardContent class="space-y-4 pt-6">
<CardTitle>{$_("me.settings.privacy_title")}</CardTitle>
<CardDescription>{$_("me.settings.privacy_subtitle")}</CardDescription>
</CardHeader>
<CardContent class="space-y-4">
<form onsubmit={handleSecuritySubmit} class="space-y-4"> <form onsubmit={handleSecuritySubmit} class="space-y-4">
<div class="space-y-2"> <div class="space-y-2">
<Label for="email">{$_("me.settings.email")}</Label> <Label for="email">{$_("me.settings.email")}</Label>