max/max-richter.dev
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: some stuff
All checks were successful
Deploy to SFTP Server / build (push) Successful in 21m14s
Details

Browse Source
This commit is contained in:
max_richter
2024-04-08 01:06:23 +02:00
parent 187fd302fb
commit 146c8d5279
13 changed files with 85 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/layouts/Layout.astro
View File

@@ -72,19 +72,28 @@ import "./global.css";
</script>
<style>
body {
max-width: 600px;
max-width: 700px;
margin: 0 auto;
}
body > * {
background: var(--background-dark);
padding: 0.5rem 3rem;
}
@media (max-width: 700px) {
body > * {
padding: 0.5rem 1rem;
}
}
</style>
</head>
<body class="text-neutral p-2 flex flex-col gap-4">
<body class="text-neutralflex flex-col">
<header class="sticky top-0 z-2">
<Nav />
</header>
<main id="main-content" class="flex flex-col gap-4">
<slot />
</main>
<footer class="px-4 flex gap-8 mb-4">
<footer class="px-4 flex gap-8">
<LanguagePicker />
<a
href="https://git.max-richter.dev/max/website"

10
src/layouts/global.css
View File

@@ -99,14 +99,18 @@ picture.thumb-loading::before {
}
}
.dark header::before {
header::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
right: 0px;
right: 3rem;
bottom: -10px;
transform: rotate(90deg);
color: red;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 249 249' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M248.5 0H0V249C0.268799 111.435 111.423 0 248.5 0Z' fill='white'/%3E%3C/svg%3E");
}
.dark header::before {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 249 249' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M248.5 0H0V249C0.268799 111.435 111.423 0 248.5 0Z' fill='%2316161e'/%3E%3C/svg%3E");
}

2
src/layouts/theme.css
View File

@@ -24,7 +24,6 @@ body {
--text: var(--neutral-800);
--text-light: black;
transition: background-color 0.2s;
color: var(--text);
font-family: "Nunito Sans", sans-serif;
background-color: var(--neutral-000);
@@ -45,5 +44,4 @@ body {
header {
background-color: var(--background-dark);
transition: background-color 0.2s;
}