summaryrefslogtreecommitdiff
path: root/packages/frontend/src
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-01-16 05:35:01 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-01-16 05:35:01 +0900
commitf368bce9d56e110b46cbd9c5a8583c75da0c8564 (patch)
treef263789d9624917c86abd50b27cc7d8d59bd5fc1 /packages/frontend/src
parentenhance(client): improve usability of user select (diff)
downloadsharkey-f368bce9d56e110b46cbd9c5a8583c75da0c8564.tar.gz
sharkey-f368bce9d56e110b46cbd9c5a8583c75da0c8564.tar.bz2
sharkey-f368bce9d56e110b46cbd9c5a8583c75da0c8564.zip
enhance(client): カスタム絵文字一覧ページにカスタム絵文字管理ページへのリンクを追加
Diffstat (limited to 'packages/frontend/src')
-rw-r--r--packages/frontend/src/components/MkFoldableSection.vue1
-rw-r--r--packages/frontend/src/pages/about.emojis.vue9
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);
}
}
}