diff --git a/src/frontend/styles/components/header.pcss b/src/frontend/styles/components/header.pcss index 02d8ac1..8ddd495 100644 --- a/src/frontend/styles/components/header.pcss +++ b/src/frontend/styles/components/header.pcss @@ -7,7 +7,6 @@ font-size: 18px; flex-wrap: wrap; position: relative; - line-height: 24px; @media (--mobile) { line-height: 40px; @@ -31,7 +30,7 @@ padding: 4px 10px; font-weight: 500; border-radius: 8px; - transition: background-color .13s; + transition: background-color 0.13s; &:hover { background-color: var(--color-link-hover); diff --git a/src/frontend/styles/layout.pcss b/src/frontend/styles/layout.pcss index 30a509d..27e082d 100644 --- a/src/frontend/styles/layout.pcss +++ b/src/frontend/styles/layout.pcss @@ -8,6 +8,9 @@ &__aside { width: var(--layout-width-aside); + padding: var(--layout-padding-vertical) 22px; + border-right: solid 1px red; + height: 100%; @media (--mobile) { width: 100%; @@ -41,19 +44,4 @@ padding: 20px 0; } } - - &__aside { - width: var(--layout-width-aside); - padding: var(--layout-padding-vertical) 22px; - border-right: solid 1px red; - height: 100%; - - @media (--mobile) { - width: 100%; - flex-basis: 100%; - padding: 20px var(--layout-padding-horizontal) !important; - margin: 0 calc(-1 * var(--layout-padding-horizontal)); - border-bottom: 1px solid var(--color-line-gray); - } - } }