Skip to content

S
SWLab UI
Commit 9505301e authored by minseok.park's avatar minseok.park
Browse files
Options

update nav style

parent b3130439
Hide whitespace changes
Inline Side-by-side
Showing with 9 additions and 4 deletions
src/css/nav.css
View file @ 9505301e
...@@ -16,7 +16,8 @@ ...@@ -16,7 +16,8 @@
@media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
.nav-container { .nav-container {
width: var(--nav-width); /* width: var(--nav-width); */
width: 20.125rem;
} }
} }
...@@ -35,10 +36,12 @@ ...@@ -35,10 +36,12 @@
} }
.nav { .nav {
background: var(--nav-background); /* background: var(--nav-background); */
background: var(--color-white);
position: relative; position: relative;
top: var(--toolbar-height); top: var(--toolbar-height);
height: var(--nav-height); height: var(--nav-height);
border-right: 1px solid var(--color-blue-30);
} }
@media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
...@@ -70,6 +73,8 @@ ...@@ -70,6 +73,8 @@
overflow-y: scroll; overflow-y: scroll;
overscroll-behavior: none; overscroll-behavior: none;
height: var(--nav-panel-menu-height); height: var(--nav-panel-menu-height);
padding: 1.25em;
padding-top: 0;
} }
.nav-panel-menu:not(.is-active) .nav-menu { .nav-panel-menu:not(.is-active) .nav-menu {
...@@ -89,9 +94,9 @@ ...@@ -89,9 +94,9 @@
.nav-menu { .nav-menu {
min-height: 100%; min-height: 100%;
padding: 0.5rem 0.75rem;
line-height: var(--nav-line-height);
position: relative; position: relative;
padding: 0.5rem 0.5rem 0.5rem 0;
line-height: 1.375;
} }
.nav-menu-toggle { .nav-menu-toggle {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment