diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-16 05:35:01 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-16 05:35:01 +0900 |
| commit | f368bce9d56e110b46cbd9c5a8583c75da0c8564 (patch) | |
| tree | f263789d9624917c86abd50b27cc7d8d59bd5fc1 /packages/frontend | |
| parent | enhance(client): improve usability of user select (diff) | |
| download | sharkey-f368bce9d56e110b46cbd9c5a8583c75da0c8564.tar.gz sharkey-f368bce9d56e110b46cbd9c5a8583c75da0c8564.tar.bz2 sharkey-f368bce9d56e110b46cbd9c5a8583c75da0c8564.zip | |
enhance(client): カスタム絵文字一覧ページにカスタム絵文字管理ページへのリンクを追加
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/components/MkFoldableSection.vue | 1 | ||||
| -rw-r--r-- | packages/frontend/src/pages/about.emojis.vue | 9 |
2 files changed, 4 insertions, 6 deletions
diff --git a/packages/frontend/src/components/MkFoldableSection.vue b/packages/frontend/src/components/MkFoldableSection.vue index aa2d9aac25..d4b1bee9e4 100644 --- a/packages/frontend/src/components/MkFoldableSection.vue +++ b/packages/frontend/src/components/MkFoldableSection.vue @@ -118,7 +118,6 @@ export default defineComponent({ z-index: 10; position: sticky; top: var(--stickyTop, 0px); - padding: var(--x-padding); -webkit-backdrop-filter: var(--blur, blur(8px)); backdrop-filter: var(--blur, blur(20px)); diff --git a/packages/frontend/src/pages/about.emojis.vue b/packages/frontend/src/pages/about.emojis.vue index 2c56b111c6..c0145a5035 100644 --- a/packages/frontend/src/pages/about.emojis.vue +++ b/packages/frontend/src/pages/about.emojis.vue @@ -1,5 +1,7 @@ <template> -<div class="driuhtrh"> +<div class="driuhtrh _gaps"> + <MkButton v-if="$i && ($i.isModerator || $i.policies.canManageCustomEmojis)" primary link to="/custom-emojis-manager">{{ i18n.ts.manageCustomEmojis }}</MkButton> + <div class="query"> <MkInput v-model="q" class="" :placeholder="$ts.search"> <template #prefix><i class="ti ti-search"></i></template> @@ -38,6 +40,7 @@ import MkFoldableSection from '@/components/MkFoldableSection.vue'; import MkTab from '@/components/MkTab.vue'; import * as os from '@/os'; import { customEmojis, getCustomEmojiCategories, getCustomEmojiTags } from '@/custom-emojis'; +import { i18n } from '@/i18n'; const customEmojiCategories = getCustomEmojiCategories(); const customEmojiTags = getCustomEmojiTags(); @@ -81,7 +84,6 @@ watch($$(selectedTags), () => { > .query { background: var(--bg); - padding: 16px; > .tags { > .tag { @@ -101,13 +103,10 @@ watch($$(selectedTags), () => { } > .emojis { - --x-padding: 0 16px; - .zuvgdzyt { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-gap: 12px; - margin: 0 var(--margin) var(--margin) var(--margin); } } } |