TeaSanctuary/teasanctuary.ru
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Исправил сжатие панели навигации
All checks were successful
/ build (push) Successful in 4m4s
Details
/ deploy (push) Successful in 56s
Details

Browse source
This commit is contained in:
Иван Кузьменко 2025-07-19 03:45:26 +03:00
parent 9cdda96704
commit e67d7d0aa0
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/NavBar.svelte
View file

@ -12,7 +12,7 @@
</script>
<nav
class="flex flex-row gap-2 bg-slate-100 not-landscape:justify-around not-landscape:px-2 landscape:flex-col landscape:py-2"
class="flex shrink-0 flex-row gap-2 bg-slate-100 not-landscape:justify-around not-landscape:overflow-x-auto not-landscape:px-2 landscape:flex-col landscape:overflow-y-auto landscape:py-2"
>
{#each routes as route (route.href)}
<a class="nav-button {isActive(route.href) ? 'active' : ''}" href={route.href}>
@ -36,7 +36,7 @@
@import '$src/app.css';
.nav-button {
@apply flex aspect-square flex-col items-center justify-center gap-0.5 p-2 text-slate-950 not-landscape:h-24 hover:bg-emerald-400 landscape:w-24;
@apply flex aspect-square shrink-0 flex-col items-center justify-center gap-0.5 p-2 text-slate-950 not-landscape:h-24 hover:bg-emerald-400 landscape:w-24;
> .contour {
@apply rounded-full px-1.5 py-0.5 text-center;