Jonas_Jones/blog.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/blog.jonasjones.dev.git synced 2025-10-22 21:29:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed smaller screens

Browse source
This commit is contained in:
J-onasJones 2024-06-07 02:00:22 +02:00
parent 5e66f120f3
commit 08e12c45b0
1 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/Navbar.svelte
View file

@ -1,7 +1,7 @@
<nav class="navbar"> <nav class="navbar">
<ul> <ul>
<li><a href="/#/">Home</a></li> <li><a href="/#/">Home</a></li>
<li><a href="#about">About</a></li> <li><a href="https://jonasjones.dev/about">About</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
<a href="https://jonasjones.dev" class="sticky-link">Homepage</a> <a href="https://jonasjones.dev" class="sticky-link">Homepage</a>
</ul> </ul>
@ -52,4 +52,21 @@
padding: 10px 20px; padding: 10px 20px;
text-decoration: none; text-decoration: none;
} }
@media (max-width: 650px) {
.navbar {
flex-direction: column;
}
.sticky-link {
position: relative;
padding: 10px 20px;
}
}
@media (max-width: 500px) {
.sticky-link {
display: none;
}
}
</style> </style>