enhance(client): カスタム絵文字一覧ページにカスタム絵文字管理ページへのリンクを追加
This commit is contained in:
parent
fbfe42d6f0
commit
f368bce9d5
|
@ -118,7 +118,6 @@ export default defineComponent({
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: var(--stickyTop, 0px);
|
top: var(--stickyTop, 0px);
|
||||||
padding: var(--x-padding);
|
|
||||||
-webkit-backdrop-filter: var(--blur, blur(8px));
|
-webkit-backdrop-filter: var(--blur, blur(8px));
|
||||||
backdrop-filter: var(--blur, blur(20px));
|
backdrop-filter: var(--blur, blur(20px));
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
<template>
|
<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">
|
<div class="query">
|
||||||
<MkInput v-model="q" class="" :placeholder="$ts.search">
|
<MkInput v-model="q" class="" :placeholder="$ts.search">
|
||||||
<template #prefix><i class="ti ti-search"></i></template>
|
<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 MkTab from '@/components/MkTab.vue';
|
||||||
import * as os from '@/os';
|
import * as os from '@/os';
|
||||||
import { customEmojis, getCustomEmojiCategories, getCustomEmojiTags } from '@/custom-emojis';
|
import { customEmojis, getCustomEmojiCategories, getCustomEmojiTags } from '@/custom-emojis';
|
||||||
|
import { i18n } from '@/i18n';
|
||||||
|
|
||||||
const customEmojiCategories = getCustomEmojiCategories();
|
const customEmojiCategories = getCustomEmojiCategories();
|
||||||
const customEmojiTags = getCustomEmojiTags();
|
const customEmojiTags = getCustomEmojiTags();
|
||||||
|
@ -81,7 +84,6 @@ watch($$(selectedTags), () => {
|
||||||
|
|
||||||
> .query {
|
> .query {
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
padding: 16px;
|
|
||||||
|
|
||||||
> .tags {
|
> .tags {
|
||||||
> .tag {
|
> .tag {
|
||||||
|
@ -101,13 +103,10 @@ watch($$(selectedTags), () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
> .emojis {
|
> .emojis {
|
||||||
--x-padding: 0 16px;
|
|
||||||
|
|
||||||
.zuvgdzyt {
|
.zuvgdzyt {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
|
||||||
grid-gap: 12px;
|
grid-gap: 12px;
|
||||||
margin: 0 var(--margin) var(--margin) var(--margin);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue