web/sidebar: redo padding on mobile & desktop

- accommodate space for scaling animation
- replace static padding with variable in calculations
- no more weird padding on mobile
This commit is contained in:
wukko
2024-07-12 20:22:12 +06:00
parent 914be64153
commit 96be9ffbc3
4 changed files with 40 additions and 17 deletions

View File

@@ -11,7 +11,12 @@
display: flex;
justify-content: center;
align-items: center;
padding: calc(var(--padding) * 2 - 2px);
padding: calc(var(--padding) * 2);
/* accommodate space for scaling animation */
padding-bottom: calc(
var(--padding) * 2 - var(--sidebar-inner-padding)
);
}
@media screen and (max-width: 535px) {