mirror of
https://github.com/zombieFox/nightTab.git
synced 2025-01-07 22:49:28 +01:00
[design] improve menu nav spacing
This commit is contained in:
parent
c4493ae4b9
commit
f1db06b5dc
@ -110,14 +110,15 @@
|
||||
}
|
||||
|
||||
.menu-content {
|
||||
padding: 0 calc(var(--menu-space) * 3);
|
||||
padding-left: calc(var(--menu-space) * 3);
|
||||
padding-right: calc(var(--menu-space) * 3);
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
}
|
||||
|
||||
.menu-content-item {
|
||||
padding-top: calc(var(--menu-space) * 2);
|
||||
padding-bottom: calc(var(--menu-space) * 2);
|
||||
padding-top: calc(var(--menu-space) * 3);
|
||||
padding-bottom: calc(var(--menu-space) * 3);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
@ -127,7 +128,7 @@
|
||||
}
|
||||
|
||||
.menu-item-header {
|
||||
margin-bottom: calc(var(--menu-space) * 2);
|
||||
margin-bottom: calc(var(--menu-space) * 3);
|
||||
}
|
||||
|
||||
.menu-item-header-text {
|
||||
@ -135,7 +136,7 @@
|
||||
}
|
||||
|
||||
.menu-item-form {
|
||||
margin: 0 0 calc(var(--menu-space) * 2) calc(var(--menu-space) * 2);
|
||||
margin: 0 0 calc(var(--menu-space) * 3) calc(var(--menu-space) * 3);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@ -182,7 +183,8 @@
|
||||
}
|
||||
|
||||
.menu-content {
|
||||
padding: 0 calc(var(--menu-space) * 4);
|
||||
padding-left: calc(var(--menu-space) * 4);
|
||||
padding-right: calc(var(--menu-space) * 4);
|
||||
grid-column-start: 2;
|
||||
grid-column-end: 4;
|
||||
grid-row-start: 1;
|
||||
@ -196,7 +198,8 @@
|
||||
}
|
||||
|
||||
.menu-content-item {
|
||||
padding: calc(var(--menu-space) * 4) 0;
|
||||
padding-top: calc(var(--menu-space) * 4);
|
||||
padding-bottom: calc(var(--menu-space) * 4);
|
||||
}
|
||||
|
||||
.menu-nav-item {
|
||||
@ -268,11 +271,13 @@
|
||||
}
|
||||
|
||||
.menu-content {
|
||||
padding: 0 calc(var(--menu-space) * 5);
|
||||
padding-left: calc(var(--menu-space) * 5);
|
||||
padding-right: calc(var(--menu-space) * 5);
|
||||
}
|
||||
|
||||
.menu-content-item {
|
||||
padding: calc(var(--menu-space) * 5) 0;
|
||||
padding-top: calc(var(--menu-space) * 5);
|
||||
padding-bottom: calc(var(--menu-space) * 5);
|
||||
}
|
||||
|
||||
.menu-close-tab {
|
||||
|
Loading…
Reference in New Issue
Block a user