graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-27 08:03:08 +02:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/frontend/src/components/MkFoldableSection.vue
View file

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

9
packages/frontend/src/pages/about.emojis.vue
View file

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