natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix style

This commit is contained in:
syuilo 2021-04-18 11:55:38 +09:00
parent 7c26fbbb2e
commit 926266c7af
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/client/style.scss
View File

@ -323,6 +323,11 @@ hr {
margin: var(--root-margin, 32px) auto; margin: var(--root-margin, 32px) auto;
max-width: min(var(--baseContentWidth), calc(100% - (var(--root-margin, 32px) * 2))); max-width: min(var(--baseContentWidth), calc(100% - (var(--root-margin, 32px) * 2)));
// 子marginが突き抜けるのを防ぐため
// https://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element
padding-top: 1px;
margin-top: calc(var(--root-margin, 32px) - 1px);
@media (max-width: 500px) { @media (max-width: 500px) {
--root-margin: 10px; --root-margin: 10px;
} }
@ -344,7 +349,7 @@ hr {
} }
._flat_ { ._flat_ {
--root-margin: 0; --root-margin: 0px;
--baseContentWidth: 100%; --baseContentWidth: 100%;
--panelShadow: none; --panelShadow: none;
@ -365,7 +370,7 @@ hr {
@media (max-width: 500px) { @media (max-width: 500px) {
._root { ._root {
--root-margin: 0; --root-margin: 0px;
} }
} }
} }