diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-05 18:20:55 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-05-05 18:20:55 +0900 |
| commit | fc2e128fade36a2fa29d81b7e05932bc1135a733 (patch) | |
| tree | daaf7891754d87f4635fc8118fd3f3563c0f6d43 /packages/frontend | |
| parent | Bump version to 2025.5.0-alpha.2 (diff) | |
| download | misskey-fc2e128fade36a2fa29d81b7e05932bc1135a733.tar.gz misskey-fc2e128fade36a2fa29d81b7e05932bc1135a733.tar.bz2 misskey-fc2e128fade36a2fa29d81b7e05932bc1135a733.zip | |
tweak ui style
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/style.scss | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index 32db5cebf9..b7ca0cfd01 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -179,7 +179,12 @@ rt { ._spacer { width: 100%; max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-max, 24px) * 2))); - margin: var(--MI_SPACER-max, 24px) auto; + + /* marginを使って余白を表現すると、margin特有の親突き抜け仕様などが厄介になってくるので上下はpaddingを使う */ + padding: var(--MI_SPACER-max, 24px) 0; + margin: 0 auto; + + box-sizing: border-box; container-type: inline-size; /* 子に継承させない */ @@ -190,13 +195,13 @@ rt { ._forceShrinkSpacer ._spacer { max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-min, 12px) * 2))); - margin: var(--MI_SPACER-min, 12px) auto; + padding: var(--MI_SPACER-min, 12px) 0; } @container (max-width: 450px) { ._spacer { max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-min, 12px) * 2))); - margin: var(--MI_SPACER-min, 12px) auto; + padding: var(--MI_SPACER-min, 12px) 0; } } |