enhance(client): カスタム絵文字一覧ページにカスタム絵文字管理ページへのリンクを追加

This commit is contained in:
syuilo 2023-01-16 05:35:01 +09:00
parent fbfe42d6f0
commit f368bce9d5
2 changed files with 4 additions and 6 deletions

View File

@ -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));

View File

@ -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);
}
}
}