Dashboard

This commit is contained in:
Jens Cornelsen
2025-02-23 04:35:02 +01:00
parent f8f53d0ac9
commit 8f9f79a02d
7 changed files with 117 additions and 70 deletions

View File

@@ -1,5 +1,5 @@
---
import "svelte-ripple-action/ripple.css";
// import "svelte-ripple-action/ripple.css";
import "../style/global.css";
import "../../svelte-dialogs.config";
import DashboardSidebar from "../components/Dashboard/DashboardSidebar.svelte";
@@ -95,14 +95,27 @@ let lightTheme = Astro.cookies.get("theme")?.value === "light";
</title>
</head>
<body class="min-h-screen grid md:grid-cols-[300px_1fr]">
<body>
<main
class="p-0 grid max-w-[1920px]
xs:grid-cols-[minmax(1fr,1fr)] xs:gap-1 xs:p-0
sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-0
md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:p-0
lg:grid-cols-[minmax(150px,250px)1fr] lg:gap-3 lg:p-4
xl:grid-cols-[minmax(150px,350px)1fr] xl:gap-4 xl:p-6
2xl:grid-cols-[minmax(150px,300px)1fr] 2xl:gap-5 2xl:p-6"
>
<DashboardSidebar lightTheme={lightTheme} benutzer={user} client:load>
</DashboardSidebar>
<main class="overflow-auto h-screen bg-base-100 pt-24 px-6 w-full">
<article class="box rounded-tl-none
<article class="box rounded-tl-none
xl:px-10 py-8">
<slot />
</article>
</main>
</body>
</html>