ludwig/lehnert.dev
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed z-index for stars

Browse Source
This commit is contained in:
Ludwig Lehnert 2025-04-14 18:26:26 +02:00
parent 59f664b478
commit ff7ac1bab5
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/routes/+layout.svelte
View File

@ -12,13 +12,16 @@
box-sizing: border-box; box-sizing: border-box;
} }
:global(body) {
background: linear-gradient(135deg, #1e1e2f, #252547);
}
:global(main) { :global(main) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-height: 100vh; min-height: 100vh;
background: linear-gradient(135deg, #1e1e2f, #252547);
color: white; color: white;
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
text-align: center; text-align: center;

8
src/routes/+page.svelte
View File

@ -129,13 +129,13 @@
<svg <svg
id="stars-lines" id="stars-lines"
style="position: fixed; height: 100%; width: 100%;" aria-hidden="true"
viewBox="0 0 300 300" style="position: fixed; left: 0; top: 0; height: 100vh; width: 100vw; z-index: 0;"
></svg> ></svg>
<div id="stars"></div> <div id="stars" style="position: fixed; left: 0; top: 0; z-index: 2;"></div>
<main> <main style="position: relative; z-index: 1;">
<h1>Hey, I'm Ludwig 🚀</h1> <h1>Hey, I'm Ludwig 🚀</h1>
<p>Welcome to my digital playground.</p> <p>Welcome to my digital playground.</p>