diff options
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/components/MkEmojiPicker.vue | 8 | ||||
| -rw-r--r-- | packages/frontend/src/pages/settings/emoji-palette.vue | 18 |
2 files changed, 19 insertions, 7 deletions
diff --git a/packages/frontend/src/components/MkEmojiPicker.vue b/packages/frontend/src/components/MkEmojiPicker.vue index 6904c417ce..4ac65a5f45 100644 --- a/packages/frontend/src/components/MkEmojiPicker.vue +++ b/packages/frontend/src/components/MkEmojiPicker.vue @@ -530,6 +530,14 @@ defineExpose({ --eachSize: 50px; } + &.s4 { + --eachSize: 55px; + } + + &.s5 { + --eachSize: 60px; + } + &.w1 { width: calc((var(--eachSize) * 5) + (#{$pad} * 2)); --columns: 1fr 1fr 1fr 1fr 1fr; diff --git a/packages/frontend/src/pages/settings/emoji-palette.vue b/packages/frontend/src/pages/settings/emoji-palette.vue index 34bf1c14af..9c70461847 100644 --- a/packages/frontend/src/pages/settings/emoji-palette.vue +++ b/packages/frontend/src/pages/settings/emoji-palette.vue @@ -64,6 +64,8 @@ SPDX-License-Identifier: AGPL-3.0-only <option :value="1">{{ i18n.ts.small }}</option> <option :value="2">{{ i18n.ts.medium }}</option> <option :value="3">{{ i18n.ts.large }}</option> + <option :value="4">{{ i18n.ts.large }}+</option> + <option :value="5">{{ i18n.ts.large }}++</option> </MkRadios> </MkPreferenceContainer> </SearchMarker> @@ -95,11 +97,13 @@ SPDX-License-Identifier: AGPL-3.0-only <SearchMarker :keywords="['emoji', 'picker', 'style']"> <MkPreferenceContainer k="emojiPickerStyle"> - <MkSelect v-model="emojiPickerStyle" :items="[ - { label: i18n.ts.auto, value: 'auto' }, - { label: i18n.ts.popup, value: 'popup' }, - { label: i18n.ts.drawer, value: 'drawer' }, - ]"> + <MkSelect + v-model="emojiPickerStyle" :items="[ + { label: i18n.ts.auto, value: 'auto' }, + { label: i18n.ts.popup, value: 'popup' }, + { label: i18n.ts.drawer, value: 'drawer' }, + ]" + > <template #label><SearchLabel>{{ i18n.ts.style }}</SearchLabel></template> <template #caption>{{ i18n.ts.needReloadToApply }}</template> </MkSelect> @@ -116,13 +120,13 @@ SPDX-License-Identifier: AGPL-3.0-only <script lang="ts" setup> import { computed, ref, watch } from 'vue'; -import { genId } from '@/utility/id.js'; import XPalette from './emoji-palette.palette.vue'; +import type { MkSelectItem } from '@/components/MkSelect.vue'; +import { genId } from '@/utility/id.js'; import MkRadios from '@/components/MkRadios.vue'; import MkButton from '@/components/MkButton.vue'; import FormSection from '@/components/form/section.vue'; import MkSelect from '@/components/MkSelect.vue'; -import type { MkSelectItem } from '@/components/MkSelect.vue'; import * as os from '@/os.js'; import { i18n } from '@/i18n.js'; import { definePage } from '@/page.js'; |