diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 20:51:57 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-27 20:51:57 +0900 |
| commit | 04b7dd09489fe1c0d4db5ad54324c4fb355c6402 (patch) | |
| tree | cd9cf0dc4791c4e7e9f81f93f5ae7a62ad61e0be | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | sharkey-04b7dd09489fe1c0d4db5ad54324c4fb355c6402.tar.gz sharkey-04b7dd09489fe1c0d4db5ad54324c4fb355c6402.tar.bz2 sharkey-04b7dd09489fe1c0d4db5ad54324c4fb355c6402.zip | |
fix(frontend): tweak spacer style
| -rw-r--r-- | packages/frontend/src/style.scss | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss index 4f08854955..32db5cebf9 100644 --- a/packages/frontend/src/style.scss +++ b/packages/frontend/src/style.scss @@ -178,7 +178,7 @@ rt { /* TODO: 引数は現在CSS変数経由で受け取っているが、将来的にはattr()を使った方が綺麗そう */ ._spacer { width: 100%; - max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-max, 24px) * 2)); + max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-max, 24px) * 2))); margin: var(--MI_SPACER-max, 24px) auto; container-type: inline-size; @@ -189,13 +189,13 @@ rt { } ._forceShrinkSpacer ._spacer { - max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-min, 12px) * 2)); + max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-min, 12px) * 2))); margin: var(--MI_SPACER-min, 12px) auto; } @container (max-width: 450px) { ._spacer { - max-width: calc(min(var(--MI_SPACER-w, 100%), 100%) - (var(--MI_SPACER-min, 12px) * 2)); + max-width: min(var(--MI_SPACER-w, 100%), calc(100% - (var(--MI_SPACER-min, 12px) * 2))); margin: var(--MI_SPACER-min, 12px) auto; } } |