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

Neues Login Design und Dashboard

Browse Source
This commit is contained in:
Moritz Utcke
2024-01-19 11:36:46 +07:00
parent fa9cfe3545
commit 933ef6d876
41 changed files with 1769 additions and 686 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/layouts/AusweisLayout.astro
View File

@@ -84,9 +84,9 @@ const schema = JSON.stringify({
<body>
<Header />
<main class="grid gap-6 p-6 grid-cols-[2fr,8fr] max-w-[1920px] w-full">
<main class="grid gap-6 p-6 grid-cols-[2fr,8fr] max-w-[1920px] w-full bg-base-100">
<SidebarLeft></SidebarLeft>
<article class="mainContent">
<article class="bg-base-200 rounded-lg border border-base-300">
<slot />
</article>
</main>
@@ -99,6 +99,42 @@ const schema = JSON.stringify({
min-height: 100vh;
}
article {
p, h1, h2, h3, h4, h5, h6 {
@apply text-base-content;
}
}
article h1 {
font-size: 1.7rem;
font-weight: 500;
line-height: 1.2rem;
width: 100%;
text-align: center;
margin: 1em 0em;
}
article a {
color: #3a4ab5;
text-decoration: none;
display: inline;
}
article a:hover {
text-decoration: underline;
}
article p {
line-height: 1.7em;
padding-right: 1em;
font-size: 1.1em;
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 rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center;
color: #fff !important;
@@ -121,43 +157,43 @@ const schema = JSON.stringify({
}
.GRB {
@apply border-2 border-[#ffcc03] p-4 flex flex-row rounded-lg justify-between w-full;
background: linear-gradient(
@apply border-2 border-[#ffcc03] p-4 flex flex-row rounded-lg justify-between w-full bg-[rgba(252,234,187,0.2)];
/* background: linear-gradient(
135deg,
rgba(252, 234, 187, 1) 0%,
rgba(253, 235, 189, 1) 52%,
rgba(251, 223, 147, 1) 100%
);
); */
}
.yellow-box {
@apply border-2 border-[#ffcc03] p-4 rounded-lg;
background: linear-gradient(
@apply border-2 border-[#ffcc03] p-4 rounded-lg bg-[rgba(252,234,187,0.2)];
/* background: linear-gradient(
135deg,
rgba(252, 234, 187, 1) 0%,
rgba(253, 235, 189, 1) 52%,
rgba(251, 223, 147, 1) 100%
);
); */
}
.GRB3 {
@apply flex flex-col border-2 border-[#ffcc03] p-4 rounded-lg;
background: linear-gradient(
@apply flex flex-col border-2 border-[#ffcc03] p-4 rounded-lg bg-base-200;
/* background: linear-gradient(
135deg,
rgba(252, 234, 187, 1) 0%,
rgba(253, 235, 189, 1) 52%,
rgba(251, 223, 147, 1) 100%
);
); */
}
.box {
@apply border-2 border-[#ffcc03] p-4 rounded-lg;
background: linear-gradient(
@apply border-2 border-[#ffcc03] p-4 rounded-lg bg-base-200;
/* background: linear-gradient(
135deg,
rgba(252, 234, 187, 1) 0%,
rgba(253, 235, 189, 1) 52%,
rgba(251, 223, 147, 1) 100%
);
); */
}
.headline {