teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix: account for width on sidebar media queries

Browse source
This commit is contained in:
patak 2023-05-02 17:44:34 +02:00
parent 68f2c3fc5b
commit df0c30c2f2
2 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/nav/NavSide.vue
View file

@ -42,7 +42,7 @@ const { notifications } = useNotifications()
.spacer { .spacer {
margin-top: 0.5em; margin-top: 0.5em;
} }
@media screen and ( max-height: 820px ) { @media screen and ( max-height: 820px ) and ( min-width: 640px ) {
.spacer { .spacer {
margin-top: 0; margin-top: 0;
} }

10
components/nav/NavSideItem.vue
View file

@ -79,13 +79,19 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
padding-top: 0.5rem; padding-top: 0.5rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
@media screen and ( max-height: 820px ) { @media screen and ( max-height: 820px ) and ( min-width: 1280px ) {
.item { .item {
padding-top: 0.25rem; padding-top: 0.25rem;
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
} }
} }
@media screen and ( max-height: 720px ) { @media screen and ( max-height: 720px ) and ( min-width: 640px ) {
.item {
padding-top: 0.35rem;
padding-bottom: 0.35rem;
}
}
@media screen and ( max-height: 720px ) and ( min-width: 1280px ) {
.item { .item {
padding-top: 0.05rem; padding-top: 0.05rem;
padding-bottom: 0.05rem; padding-bottom: 0.05rem;