feat(layout): #211 optimize the overall layout for mobile
All checks were successful
Build Docker Image / Build-Docker-Image (push) Successful in 4m10s
Build and Push Docker Image / Build-And-Push-Docker-Image (push) Successful in 4m18s

move navigation to aside
proper mobile handling
update logo.svg
remove pirata-one/only use it for the logo
This commit was merged in pull request #237.
This commit is contained in:
2025-07-25 22:42:22 +02:00
parent 9fa554c60a
commit 6bc9e0666b
15 changed files with 425 additions and 62 deletions

View File

@@ -3,37 +3,34 @@
@source './static/**/*.js';
@source './template/**/*.templ';
body {
@apply font-garamond text-gray-700;
}
input:focus {
@apply outline-none ring-0;
}
@font-face {
font-family: "Pirata One";
src: url("/static/font/PirataOne-Regular.woff2") format("woff2");
}
@font-face {
font-family: "EB Garamond";
src: url("/static/font/EBGaramond-VariableFont_wght.woff2") format("woff2");
}
@theme {
--font-pirata: "Pirata One", serif;
--font-garamond: "EB Garamond", serif;
body {
font-family: "EB Garamond", serif;
@apply text-gray-700;
}
input:focus {
@apply outline-none ring-0;
}
button {
@apply cursor-pointer;
}
/* Button */
.button {
transition: all 150ms linear;
transition: all 150ms linear;
@apply cursor-pointer border-2 rounded-lg border-transparent;
}
.button-primary:hover,
.button-normal:hover {
transform: translate(-0.25rem, -0.25rem);
box-shadow: 3px 3px 3px var(--color-gray-200);
transform: translate(-0.25rem, -0.25rem);
box-shadow: 3px 3px 3px var(--color-gray-200);
}
.button-primary {
@@ -61,3 +58,5 @@ input:focus {
box-shadow: 0 0 0 2px var(--color-gray-200);
}