added sticky property to navbar

This commit is contained in:
Jonas_Jones 2023-07-10 02:56:35 +02:00
parent bcb0d8bdca
commit e6ea33f61b
4 changed files with 9 additions and 4 deletions

View file

@ -96,6 +96,9 @@
text-align: center; text-align: center;
width: 100%; width: 100%;
display: flex; display: flex;
position: fixed;
top: 0;
z-index: 1;
} }
.logo { .logo {

View file

@ -5,6 +5,9 @@
</script> </script>
<ParallaxBg> <ParallaxBg>
<NavBar /> <NavBar />
<!-- please god dont send me to hell for doing this -->
<h1> </h1>
<h1> </h1>
<title>404 - Page not found</title> <title>404 - Page not found</title>
<center> <center>
<h1>ERROR 404</h1> <h1>ERROR 404</h1>

View file

@ -42,8 +42,6 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
height: 100%;
min-height: 100vh;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@ -69,7 +67,6 @@ body {
align-items: center; align-items: center;
width: 100%; width: 100%;
margin-top: 1rem; margin-top: 1rem;
height: 3rem;
} }
.picture { .picture {

View file

@ -1,7 +1,9 @@
<ParallaxBg> <ParallaxBg>
<Navbar /> <Navbar />
<title>Jonas_Jones</title> <title>Jonas_Jones</title>
<!-- please god dont send me to hell for doing this -->
<h1> </h1>
<h1> </h1>
<div class="image-wrapper"> <div class="image-wrapper">
<div class="card-front"> <div class="card-front">
<!-- svelte-ignore a11y-img-redundant-alt --> <!-- svelte-ignore a11y-img-redundant-alt -->