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

-

Browse Source
This commit is contained in:
Robert Jagtiani
2024-12-10 02:11:52 +01:00
parent a058150bf4
commit eb17deaf78
19 changed files with 691 additions and 513 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/layouts/AusweisLayout.astro
View File

@@ -61,36 +61,37 @@ const { title } = Astro.props;
</head>
<body>
<container class="w-full max-w-[1920px]">
<Header />
<main
class="w-full p-0 grid
sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-1
md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:p-2
lg:grid-cols-[minmax(250px,250px)1fr] lg:gap-3 lg:p-3
xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-4
2xl:grid-cols-[minmax(350px,350px)1fr] 2xl:gap-5 2xl:p-5
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(250px,250px)1fr] lg:gap-3 lg:p-4
xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-6
2xl:grid-cols-[minmax(350px,350px)1fr] 2xl:gap-5 2xl:p-6
">
<SidebarLeft />
<article class="box grow rounded-tl-none">
<article class="box rounded-tl-none">
<slot />
</article>
</main>
<Footer />
<NotificationWrapper client:load />
</container>
</body>
</html>
<style is:global lang="scss">
<style is:global lang="postcss">
body {
min-height: 100vh;
width:100%;
}
article {
@@ -125,29 +126,16 @@ article p {
text-transform: none;
}
article {
@apply relative w-full rounded-lg border shadow-md px-6 py-8 bg-white;
}
.button {
@apply px-8 py-2 bg-secondary
hover:bg-gradient-to-br from-secondary to-secondary-grad
rounded-lg text-white
hover:shadow-lg transition-all
hover:no-underline
hover:ring-2
hover:ring-primary
active:bg-blue-900 text-center;
}
h3 {
@apply text-xl font-medium mt-6 mb-4;
}
input, select, textarea, .input {
@apply py-1.5 px-2.5 rounded-lg w-full outline-none text-base text-slate-800 border bg-white;
@apply py-1.5 px-2.5 w-full outline-none text-base text-slate-800 border bg-white;
}
input:disabled, input:read-only, select:disabled {