diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-23 11:31:43 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-23 11:31:43 +0900 |
| commit | b5c8dc0fe3d4f0ef980ea953c4ecfcad48a00213 (patch) | |
| tree | 2f8ab630cd77b394e75a730664d335d087bb495e /src/client | |
| parent | Update package.json (diff) | |
| download | sharkey-b5c8dc0fe3d4f0ef980ea953c4ecfcad48a00213.tar.gz sharkey-b5c8dc0fe3d4f0ef980ea953c4ecfcad48a00213.tar.bz2 sharkey-b5c8dc0fe3d4f0ef980ea953c4ecfcad48a00213.zip | |
Tweak UI
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/ui/default.vue | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/client/ui/default.vue b/src/client/ui/default.vue index 19eca0975c..0cc969272a 100644 --- a/src/client/ui/default.vue +++ b/src/client/ui/default.vue @@ -218,6 +218,8 @@ export default defineComponent({ $widgets-hide-threshold: 1200px; $nav-icon-only-width: 78px; // TODO: どこかに集約したい + --panelShadow: none; + // ほんとは単に 100vh と書きたいところだが... https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ min-height: calc(var(--vh, 1vh) * 100); box-sizing: border-box; @@ -250,7 +252,7 @@ export default defineComponent({ display: flex; justify-content: center; max-width: 100%; - margin: 32px 0; + //margin: 32px 0; &.fullView { margin: 0; @@ -276,6 +278,8 @@ export default defineComponent({ width: 750px; margin: 0 16px 0 0; background: var(--bg); + box-shadow: 0 0 0 1px var(--divider); + border-radius: 0; --margin: 12px; > .header { @@ -308,12 +312,17 @@ export default defineComponent({ > .widgets { //--panelShadow: none; width: 300px; + margin-top: 16px; @media (max-width: $widgets-hide-threshold) { display: none; } } + > .sidebar { + margin-top: 16px; + } + @media (max-width: 850px) { margin: 0; |