1
0
mirror of https://git.boykissers.com/pawkey/pawkey-sk.git synced 2025-12-20 04:04:16 +00:00

fix(frontend): tweak spacer style

This commit is contained in:
syuilo
2025-04-27 20:51:57 +09:00
parent ddb41ba821
commit 04b7dd0948

View File

@@ -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;
}
}