diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-11-02 12:12:33 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-11-02 12:12:33 +0900 |
| commit | 78ed024b0bb6c49ce5e41480366e24ab4540400a (patch) | |
| tree | a1c38a9f243a72c26eaad4ffd2e7992419089321 /packages/frontend | |
| parent | fix: follow-up of #16719 [ci skip] (#16732) (diff) | |
| download | misskey-78ed024b0bb6c49ce5e41480366e24ab4540400a.tar.gz misskey-78ed024b0bb6c49ce5e41480366e24ab4540400a.tar.bz2 misskey-78ed024b0bb6c49ce5e41480366e24ab4540400a.zip | |
refactor(frontend): EmojiPickerの冗長なCSSを一部簡略化 (#16717)
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/components/MkEmojiPicker.vue | 30 |
1 files changed, 14 insertions, 16 deletions
diff --git a/packages/frontend/src/components/MkEmojiPicker.vue b/packages/frontend/src/components/MkEmojiPicker.vue index 452546375c..33e9137c2f 100644 --- a/packages/frontend/src/components/MkEmojiPicker.vue +++ b/packages/frontend/src/components/MkEmojiPicker.vue @@ -539,46 +539,44 @@ defineExpose({ } &.w1 { - width: calc((var(--eachSize) * 5) + (#{$pad} * 2)); - --columns: 1fr 1fr 1fr 1fr 1fr; + --columns: 5; } &.w2 { - width: calc((var(--eachSize) * 6) + (#{$pad} * 2)); - --columns: 1fr 1fr 1fr 1fr 1fr 1fr; + --columns: 6; } &.w3 { - width: calc((var(--eachSize) * 7) + (#{$pad} * 2)); - --columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + --columns: 7; } &.w4 { - width: calc((var(--eachSize) * 8) + (#{$pad} * 2)); - --columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + --columns: 8; } &.w5 { - width: calc((var(--eachSize) * 9) + (#{$pad} * 2)); - --columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + --columns: 9; } &.h1 { - height: calc((var(--eachSize) * 4) + (#{$pad} * 2)); + --rows: 4; } &.h2 { - height: calc((var(--eachSize) * 6) + (#{$pad} * 2)); + --rows: 6; } &.h3 { - height: calc((var(--eachSize) * 8) + (#{$pad} * 2)); + --rows: 8; } &.h4 { - height: calc((var(--eachSize) * 10) + (#{$pad} * 2)); + --rows: 10; } + width: calc((var(--eachSize) * var(--columns)) + (#{$pad} * 2)); + height: calc((var(--eachSize) * var(--rows)) + (#{$pad} * 2)); + &.asDrawer { width: 100% !important; @@ -593,7 +591,7 @@ defineExpose({ > .body { display: grid; - grid-template-columns: var(--columns); + grid-template-columns: repeat(var(--columns), 1fr); font-size: 30px; > .config { @@ -635,7 +633,7 @@ defineExpose({ ::v-deep(section) { > .body { display: grid; - grid-template-columns: var(--columns); + grid-template-columns: repeat(var(--columns), 1fr); font-size: 30px; > .item { |