usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor(frontend): EmojiPickerの冗長なCSSを一部簡略化 (#16717)

This commit is contained in:
かっこかり 2025-11-02 12:12:33 +09:00 committed by GitHub
parent 6f76b598a1
commit 78ed024b0b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/frontend/src/components/MkEmojiPicker.vue
View File

@ -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 {