IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Update Template Files

Browse Source
This commit is contained in:
Robert Jagtiani
2024-04-16 00:05:35 +02:00
parent 0815957448
commit b5ed22589f
15 changed files with 533 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/layouts/UMBE_Layout.astro
View File

@@ -1,6 +1,4 @@
---
import i18next from "i18next";
import "../style/UMBE_global.css";
import "../../svelte-dialogs.config"
import Footer from "../components/UMBE_Footer.astro";
@@ -19,7 +17,7 @@ const { title } = Astro.props;
---
<!DOCTYPE html>
<html lang={i18next.language}>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
@@ -34,18 +32,31 @@ const { title } = Astro.props;
</head>
<body>
<container class="max-w-[1920px] w-full mx-auto bg-slate-600 grid border-solid border-grey-200 border">
<container class="w-full max-w-[1920px]">
<Header />
<main
class="lg:grid gap-6 md:p-6 lg:grid-cols-[2fr,6fr,2fr] max-w-[1920px] w-full bg-base-100"
>
<SidebarLeft />
<article class="w-full max-w-full bg-base-200 border border-base-300">
<slot />
</article>
<SidebarRight />
class="w-full p-0
lg:grid grid-cols-[max-content,6fr] lg:gap-1 lg:p-3
xl:grid-cols-[2fr,6fr,2fr] xl:gap-3 xl:py-4 xl:px-3
2xl:grid-cols-[2fr,6fr,2fr] 2xl:gap-5 2xl:py-4 2xl:px-9
">
<SidebarLeft />
<article class="box grow">
<slot />
</article>
<SidebarRight />
</main>
<Footer />
<NotificationWrapper client:load />
</container>
@@ -54,43 +65,4 @@ const { title } = Astro.props;
<style is:global lang="scss">
:root {
@apply bg-base-100 text-base-content;
}
article {
@apply rounded-lg w-full shadow-md border;
}
.mainContent {
p, h1, h2, h3, h4, h5, h6 {
@apply text-base-content;
}
}
body {
min-height: 100vh;
}
.button {
@apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center cursor-pointer;
color: #fff !important;
}
h3 {
@apply text-xl font-medium mt-6 mb-4;
}
input {
@apply py-1.5 px-4 w-full rounded-lg outline-none text-lg text-slate-700 border bg-gray-50 transition-colors;
}
input:hover,
input:focus {
@apply bg-gray-100;
}
label {
@apply text-base font-semibold;
}
</style>