Tweak design

This commit is contained in:
syuilo 2021-07-19 23:31:41 +09:00
parent 756b8a2a29
commit 9414a944b7

View file

@ -230,7 +230,7 @@ export default defineComponent({
$widgets-hide-threshold: 1200px; $widgets-hide-threshold: 1200px;
$nav-icon-only-width: 78px; // TODO: $nav-icon-only-width: 78px; // TODO:
--panelShadow: none; --panelShadow: 0 0 0 1px var(--divider);
// 100vh ... https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ // 100vh ... https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
min-height: calc(var(--vh, 1vh) * 100); min-height: calc(var(--vh, 1vh) * 100);
@ -342,14 +342,14 @@ export default defineComponent({
--globalHeaderHeight: 60px; // TODO: 60px --globalHeaderHeight: 60px; // TODO: 60px
> .main { > .main {
margin-top: 2px; margin-top: 1px;
border-radius: var(--radius); border-radius: var(--radius);
box-shadow: 0 0 0 2px var(--divider); box-shadow: 0 0 0 1px var(--divider);
} }
> .widgets { > .widgets {
--stickyTop: var(--globalHeaderHeight); --stickyTop: var(--globalHeaderHeight);
margin-top: 0px; margin-top: 1px;
} }
} }