aniva/Chrysoblog
aniva
/
Chrysoblog
1
1
Fork 0
Code Issues 9 Pull Requests 2 Packages Projects Releases Wiki Activity

fix: Layout overflow on narrow screen

This commit is contained in:
Leni Aniva 2024-10-10 15:00:12 -07:00
parent 72af3e9d65
commit e714877e47
Signed by: aniva
GPG Key ID: 4D9B1C8D10EA4C50
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/routes/+layout.svelte
View File

@ -103,6 +103,7 @@
@media (max-width: 700px) { @media (max-width: 700px) {
#layout { #layout {
flex-direction: column; flex-direction: column;
margin-top: 10px;
gap: 20px; gap: 20px;
} }
} }

7
src/routes/Navbar.svelte
View File

@ -35,8 +35,11 @@
} }
@media (max-width: 700px) { @media (max-width: 700px) {
#navbar { #navbar {
flex-direction: row; display: inline-block;
justify-content: start; white-space: pre-wrap;
}
#navbar .nav-link {
display: inline-block;
} }
} }
</style> </style>