LukeParke/Sveltey
1
0
Fork 0
mirror of https://github.com/LukeHagar/Sveltey.git synced 2025-12-06 04:21:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Luke Hagar
2025-06-03 12:10:29 -05:00
parent 8d45e0f552
commit 129ef5e69e
1 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/routes/(app)/app/dashboard/+page.svelte
View File

@@ -90,7 +90,9 @@
</p> </p>
</header> </header>
<hr class="hr mx-auto max-w-48" /> <div class="flex justify-center">
<hr class="hr border-surface-500 max-w-64" />
</div>
<!-- Stats Overview --> <!-- Stats Overview -->
<section class="space-y-8"> <section class="space-y-8">
@@ -98,7 +100,7 @@
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4"> <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
{#each dashboardStats as stat} {#each dashboardStats as stat}
<div <div
class="card preset-outlined-surface-200-800 space-y-4 p-6 text-center transition-all duration-300 hover:scale-105" class="card preset-outlined-surface-500 space-y-4 p-6 text-center transition-all duration-300 hover:scale-105"
role="article" role="article"
aria-label="{stat.label}: {stat.value}" aria-label="{stat.label}: {stat.value}"
> >
@@ -112,7 +114,9 @@
</div> </div>
</section> </section>
<hr class="hr mx-auto max-w-48" /> <div class="flex justify-center">
<hr class="hr border-surface-500 max-w-64" />
</div>
<!-- Quick Actions --> <!-- Quick Actions -->
<section class="space-y-8"> <section class="space-y-8">
@@ -120,7 +124,7 @@
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3"> <div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
{#each quickActions as action} {#each quickActions as action}
<div <div
class="card preset-outlined-surface-200-800 group space-y-4 p-6 transition-all duration-300 hover:scale-105 md:p-8" class="card preset-outlined-surface-500 group space-y-4 p-6 transition-all duration-300 hover:scale-105 md:p-8"
> >
<action.icon <action.icon
class="text-primary-500 size-10 transition-transform group-hover:scale-110" class="text-primary-500 size-10 transition-transform group-hover:scale-110"
@@ -139,7 +143,7 @@
</a> </a>
{:else} {:else}
<button <button
class="btn preset-outlined-surface-200-800 w-full opacity-50" class="btn preset-outlined-surface-500 w-full opacity-50"
disabled disabled
aria-label="{action.action} - {action.title} (Coming Soon)" aria-label="{action.action} - {action.title} (Coming Soon)"
title="This feature is coming soon" title="This feature is coming soon"
@@ -152,7 +156,9 @@
</div> </div>
</section> </section>
<hr class="hr mx-auto max-w-48" /> <div class="flex justify-center">
<hr class="hr border-surface-500 max-w-64" />
</div>
<!-- Account Status & Upgrade --> <!-- Account Status & Upgrade -->
<section class="space-y-8"> <section class="space-y-8">
@@ -175,7 +181,7 @@
<span>Upgrade Plan</span> <span>Upgrade Plan</span>
</a> </a>
<button <button
class="btn preset-outlined-surface-200-800" class="btn preset-outlined-surface-500"
disabled disabled
aria-label="View usage statistics (Coming Soon)" aria-label="View usage statistics (Coming Soon)"
title="Usage statistics feature is coming soon" title="Usage statistics feature is coming soon"
@@ -190,7 +196,7 @@
<!-- Recent Activity (Placeholder) --> <!-- Recent Activity (Placeholder) -->
<section class="space-y-8"> <section class="space-y-8">
<h2 class="h2 text-center">Recent Activity</h2> <h2 class="h2 text-center">Recent Activity</h2>
<div class="card preset-outlined-surface-200-800 space-y-4 p-8 text-center"> <div class="card preset-outlined-surface-500 space-y-4 p-8 text-center">
<BarChart class="text-primary-500 mx-auto size-16 opacity-50" aria-hidden="true" /> <BarChart class="text-primary-500 mx-auto size-16 opacity-50" aria-hidden="true" />
<h3 class="h4">No recent activity</h3> <h3 class="h4">No recent activity</h3>
<p class="opacity-75"> <p class="opacity-75">
@@ -207,7 +213,7 @@
Create Project (Coming Soon) Create Project (Coming Soon)
</button> </button>
<button <button
class="btn preset-outlined-surface-200-800" class="btn preset-outlined-surface-500"
disabled disabled
aria-label="View documentation (Coming Soon)" aria-label="View documentation (Coming Soon)"
title="Documentation feature is coming soon" title="Documentation feature is coming soon"
@@ -236,7 +242,7 @@
</a> </a>
<a <a
href="/auth/signup" href="/auth/signup"
class="btn preset-outlined-surface-200-800" class="btn preset-outlined-surface-500"
aria-label="Create new account to get started" aria-label="Create new account to get started"
> >
<span>Create Account</span> <span>Create Account</span>
@@ -246,7 +252,7 @@
{:else} {:else}
<!-- Loading State --> <!-- Loading State -->
<div <div
class="card preset-outlined-surface-200-800 mx-auto max-w-2xl space-y-4 p-8 text-center md:p-12" class="card preset-outlined-surface-500 mx-auto max-w-2xl space-y-4 p-8 text-center md:p-12"
role="status" role="status"
aria-live="polite" aria-live="polite"
> >