style: streamline /me page header to match admin dashboard style
Replace large gradient title with simple text-2xl font-bold heading, matching the header pattern used across admin pages. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -205,29 +205,19 @@
|
|||||||
<PeonyBackground />
|
<PeonyBackground />
|
||||||
<div class="container mx-auto px-4 py-8">
|
<div class="container mx-auto px-4 py-8">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div class="mb-8">
|
<div class="flex items-center justify-between mb-6">
|
||||||
<div class="flex items-center justify-between mb-8">
|
|
||||||
<div>
|
<div>
|
||||||
<h1
|
<h1 class="text-2xl font-bold">{$_("me.title")}</h1>
|
||||||
class="text-4xl md:text-5xl font-bold bg-gradient-to-r from-primary via-accent to-primary bg-clip-text text-transparent mb-3"
|
<p class="text-sm text-muted-foreground mt-0.5">
|
||||||
>
|
{$_("me.welcome", { values: { name: data.authStatus.user!.artist_name } })}
|
||||||
{$_("me.title")}
|
|
||||||
</h1>
|
|
||||||
<p class="text-lg text-muted-foreground">
|
|
||||||
{$_("me.welcome", {
|
|
||||||
values: { name: data.authStatus.user!.artist_name },
|
|
||||||
})}
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
{#if isModel(data.authStatus.user!)}
|
{#if isModel(data.authStatus.user!)}
|
||||||
<Button
|
<Button href={`/models/${data.authStatus.user!.slug}`} variant="outline">
|
||||||
href={`/models/${data.authStatus.user!.slug}`}
|
{$_("me.view_profile")}
|
||||||
variant="outline"
|
</Button>
|
||||||
class="border-primary/20 hover:bg-primary/10">{$_("me.view_profile")}</Button
|
|
||||||
>
|
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Dashboard Tabs -->
|
<!-- Dashboard Tabs -->
|
||||||
<Tabs bind:value={activeTab} class="w-full">
|
<Tabs bind:value={activeTab} class="w-full">
|
||||||
|
|||||||
Reference in New Issue
Block a user