Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-05-24 02:22:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/PageNav: reduce padding, add a gap between nav and content

Browse Source
This commit is contained in:
wukko 2025-04-02 20:16:42 +06:00
parent 0fb4cd7888
commit 9c40a1f88e
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/subnav/PageNav.svelte
View File

@ -120,13 +120,14 @@
<style> <style>
.subnav-page { .subnav-page {
--subnav-nav-width: 250px; --subnav-nav-width: 250px;
--subnav-padding: 30px; --subnav-padding: 26px;
--subnav-padding-small: calc(var(--subnav-padding) - var(--padding)); --subnav-padding-small: calc(var(--subnav-padding) - var(--padding));
display: grid; display: grid;
width: 100%; width: 100%;
grid-template-columns: var(--subnav-nav-width) 1fr; grid-template-columns: var(--subnav-nav-width) 1fr;
overflow: hidden; overflow: hidden;
padding-left: var(--subnav-padding); padding-left: var(--subnav-padding);
column-gap: calc(var(--subnav-padding) / 2);
} }
.subnav-page:dir(rtl) { .subnav-page:dir(rtl) {
@ -215,6 +216,12 @@
will-change: transform; will-change: transform;
} }
@media screen and (max-width: 1000px) {
.subnav-page {
column-gap: 0;
}
}
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
.subnav-page, .subnav-page,
.subnav-page:dir(rtl) { .subnav-page:dir(rtl) {