mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-12-12 21:58:58 +09:00
Code

Tweak UI

Browse Source
This commit is contained in:
syuilo 2021-04-23 11:31:43 +09:00
parent ebb2fe068c
commit b5c8dc0fe3
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/client/ui/default.vue
View File

@ -218,6 +218,8 @@ 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;
// ほんとは単に 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);
box-sizing: border-box; box-sizing: border-box;
@ -250,7 +252,7 @@ export default defineComponent({
display: flex; display: flex;
justify-content: center; justify-content: center;
max-width: 100%; max-width: 100%;
margin: 32px 0; //margin: 32px 0;
&.fullView { &.fullView {
margin: 0; margin: 0;
@ -276,6 +278,8 @@ export default defineComponent({
width: 750px; width: 750px;
margin: 0 16px 0 0; margin: 0 16px 0 0;
background: var(--bg); background: var(--bg);
box-shadow: 0 0 0 1px var(--divider);
border-radius: 0;
--margin: 12px; --margin: 12px;
> .header { > .header {
@ -308,12 +312,17 @@ export default defineComponent({
> .widgets { > .widgets {
//--panelShadow: none; //--panelShadow: none;
width: 300px; width: 300px;
margin-top: 16px;
@media (max-width: $widgets-hide-threshold) { @media (max-width: $widgets-hide-threshold) {
display: none; display: none;
} }
} }
> .sidebar {
margin-top: 16px;
}
@media (max-width: 850px) { @media (max-width: 850px) {
margin: 0; margin: 0;