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

chore: fix icons

Browse source
This commit is contained in:
Marie 2023-12-31 22:26:19 +01:00
parent ce6fadf767
commit 6a46e30f67
No known key found for this signature in database
GPG key ID: 56569BBE47D2C828
11 changed files with 27 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/components/MkCode.vue
View file

@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<pre v-else-if="show" :class="$style.codeBlockFallbackRoot"><code :class="$style.codeBlockFallbackCode">{{ code }}</code></pre> <pre v-else-if="show" :class="$style.codeBlockFallbackRoot"><code :class="$style.codeBlockFallbackCode">{{ code }}</code></pre>
<button v-else :class="$style.codePlaceholderRoot" @click="show = true"> <button v-else :class="$style.codePlaceholderRoot" @click="show = true">
<div :class="$style.codePlaceholderContainer"> <div :class="$style.codePlaceholderContainer">
<div><i class="ti ti-code"></i> {{ i18n.ts.code }}</div> <div><i class="ph-code ph-bold ph-lg"></i> {{ i18n.ts.code }}</div>
<div>{{ i18n.ts.clickToShow }}</div> <div>{{ i18n.ts.clickToShow }}</div>
</div> </div>
</button> </button>

2
packages/frontend/src/components/MkCodeEditor.vue
View file

@ -27,7 +27,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
</div> </div>
<div :class="$style.caption"><slot name="caption"></slot></div> <div :class="$style.caption"><slot name="caption"></slot></div>
<MkButton v-if="manualSave && changed" primary :class="$style.save" @click="updated"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton> <MkButton v-if="manualSave && changed" primary :class="$style.save" @click="updated"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton>
</div> </div>
</template> </template>

4
packages/frontend/src/pages/admin-user.vue
View file

@ -110,8 +110,8 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkFolder> </MkFolder>
<div> <div>
<MkButton v-if="iAmModerator" inline danger style="margin-right: 8px;" @click="unsetUserAvatar"><i class="ti ti-user-circle"></i> {{ i18n.ts.unsetUserAvatar }}</MkButton> <MkButton v-if="iAmModerator" inline danger style="margin-right: 8px;" @click="unsetUserAvatar"><i class="ph-user-circle ph-bold ph-lg"></i> {{ i18n.ts.unsetUserAvatar }}</MkButton>
<MkButton v-if="iAmModerator" inline danger @click="unsetUserBanner"><i class="ti ti-photo"></i> {{ i18n.ts.unsetUserBanner }}</MkButton> <MkButton v-if="iAmModerator" inline danger @click="unsetUserBanner"><i class="ph-photo ph-bold ph-lg"></i> {{ i18n.ts.unsetUserBanner }}</MkButton>
</div> </div>
<MkButton v-if="$i.isAdmin" inline danger @click="deleteAccount">{{ i18n.ts.deleteAccount }}</MkButton> <MkButton v-if="$i.isAdmin" inline danger @click="deleteAccount">{{ i18n.ts.deleteAccount }}</MkButton>
</div> </div>

4
packages/frontend/src/pages/admin/security.vue
View file

@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #label>Use Verifymail.io API</template> <template #label>Use Verifymail.io API</template>
</MkSwitch> </MkSwitch>
<MkInput v-model="verifymailAuthKey" @update:modelValue="save"> <MkInput v-model="verifymailAuthKey" @update:modelValue="save">
<template #prefix><i class="ti ti-key"></i></template> <template #prefix><i class="ph-key ph-bold ph-lg"></i></template>
<template #label>Verifymail.io API Auth Key</template> <template #label>Verifymail.io API Auth Key</template>
</MkInput> </MkInput>
</div> </div>
@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkTextarea v-model="bannedEmailDomains"> <MkTextarea v-model="bannedEmailDomains">
<template #label>Banned Email Domains List</template> <template #label>Banned Email Domains List</template>
</MkTextarea> </MkTextarea>
<MkButton primary @click="save"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton> <MkButton primary @click="save"><i class="ph-floppy-disk ph-bold ph-lg"></i> {{ i18n.ts.save }}</MkButton>
</div> </div>
</MkFolder> </MkFolder>

2
packages/frontend/src/pages/settings/avatar-decoration.decoration.vue
View file

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
> >
<div :class="$style.name"><MkCondensedLine :minScale="0.5">{{ decoration.name }}</MkCondensedLine></div> <div :class="$style.name"><MkCondensedLine :minScale="0.5">{{ decoration.name }}</MkCondensedLine></div>
<MkAvatar style="width: 60px; height: 60px;" :user="$i" :decorations="[{ url: decoration.url, angle, flipH, offsetX, offsetY }]" forceShowDecoration/> <MkAvatar style="width: 60px; height: 60px;" :user="$i" :decorations="[{ url: decoration.url, angle, flipH, offsetX, offsetY }]" forceShowDecoration/>
<i v-if="decoration.roleIdsThatCanBeUsedThisDecoration.length > 0 && !$i.roles.some(r => decoration.roleIdsThatCanBeUsedThisDecoration.includes(r.id))" :class="$style.lock" class="ti ti-lock"></i> <i v-if="decoration.roleIdsThatCanBeUsedThisDecoration.length > 0 && !$i.roles.some(r => decoration.roleIdsThatCanBeUsedThisDecoration.includes(r.id))" :class="$style.lock" class="ph-lock ph-bold ph-lg"></i>
</div> </div>
</template> </template>

6
packages/frontend/src/pages/settings/avatar-decoration.dialog.vue
View file

@ -36,9 +36,9 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkSpacer> </MkSpacer>
<div :class="$style.footer" class="_buttonsCenter"> <div :class="$style.footer" class="_buttonsCenter">
<MkButton v-if="usingIndex != null" primary rounded @click="update"><i class="ti ti-check"></i> {{ i18n.ts.update }}</MkButton> <MkButton v-if="usingIndex != null" primary rounded @click="update"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts.update }}</MkButton>
<MkButton v-if="usingIndex != null" rounded @click="detach"><i class="ti ti-x"></i> {{ i18n.ts.detach }}</MkButton> <MkButton v-if="usingIndex != null" rounded @click="detach"><i class="ph-x ph-bold ph-lg"></i> {{ i18n.ts.detach }}</MkButton>
<MkButton v-else :disabled="exceeded" primary rounded @click="attach"><i class="ti ti-check"></i> {{ i18n.ts.attach }}</MkButton> <MkButton v-else :disabled="exceeded" primary rounded @click="attach"><i class="ph-check ph-bold ph-lg"></i> {{ i18n.ts.attach }}</MkButton>
</div> </div>
</div> </div>
</MkModalWindow> </MkModalWindow>

2
packages/frontend/src/pages/settings/avatar-decoration.vue
View file

@ -127,7 +127,7 @@ const headerTabs = computed(() => []);
definePageMetadata({ definePageMetadata({
title: i18n.ts.avatarDecorations, title: i18n.ts.avatarDecorations,
icon: 'ti ti-sparkles', icon: 'ph-sparkle ph-bold ph-lg',
}); });
</script> </script>

22
packages/frontend/src/pages/settings/emoji-picker.vue
View file

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div class="_gaps_m"> <div class="_gaps_m">
<MkFolder :defaultOpen="true"> <MkFolder :defaultOpen="true">
<template #icon><i class="ti ti-pin"></i></template> <template #icon><i class="ph-pin ph-bold ph-lg"></i></template>
<template #label>{{ i18n.ts.pinned }} ({{ i18n.ts.reaction }})</template> <template #label>{{ i18n.ts.pinned }} ({{ i18n.ts.reaction }})</template>
<template #caption>{{ i18n.ts.pinnedEmojisForReactionSettingDescription }}</template> <template #caption>{{ i18n.ts.pinnedEmojisForReactionSettingDescription }}</template>
@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<template #footer> <template #footer>
<button class="_button" :class="$style.emojisAdd" @click="chooseReaction"> <button class="_button" :class="$style.emojisAdd" @click="chooseReaction">
<i class="ti ti-plus"></i> <i class="ph-plus ph-bold ph-lg"></i>
</button> </button>
</template> </template>
</Sortable> </Sortable>
@ -38,15 +38,15 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div class="_buttons"> <div class="_buttons">
<MkButton inline @click="previewReaction"><i class="ti ti-eye"></i> {{ i18n.ts.preview }}</MkButton> <MkButton inline @click="previewReaction"><i class="ph-eye ph-bold ph-lg"></i> {{ i18n.ts.preview }}</MkButton>
<MkButton inline danger @click="setDefaultReaction"><i class="ti ti-reload"></i> {{ i18n.ts.default }}</MkButton> <MkButton inline danger @click="setDefaultReaction"><i class="ph-arrow-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.default }}</MkButton>
<MkButton inline danger @click="overwriteFromPinnedEmojis"><i class="ti ti-copy"></i> {{ i18n.ts.overwriteFromPinnedEmojis }}</MkButton> <MkButton inline danger @click="overwriteFromPinnedEmojis"><i class="ph-copy ph-bold ph-lg"></i> {{ i18n.ts.overwriteFromPinnedEmojis }}</MkButton>
</div> </div>
</div> </div>
</MkFolder> </MkFolder>
<MkFolder> <MkFolder>
<template #icon><i class="ti ti-pin"></i></template> <template #icon><i class="ph-pin ph-bold ph-lg"></i></template>
<template #label>{{ i18n.ts.pinned }} ({{ i18n.ts.general }})</template> <template #label>{{ i18n.ts.pinned }} ({{ i18n.ts.general }})</template>
<template #caption>{{ i18n.ts.pinnedEmojisSettingDescription }}</template> <template #caption>{{ i18n.ts.pinnedEmojisSettingDescription }}</template>
@ -69,7 +69,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<template #footer> <template #footer>
<button class="_button" :class="$style.emojisAdd" @click="chooseEmoji"> <button class="_button" :class="$style.emojisAdd" @click="chooseEmoji">
<i class="ti ti-plus"></i> <i class="ph-plus ph-bold ph-lg"></i>
</button> </button>
</template> </template>
</Sortable> </Sortable>
@ -78,9 +78,9 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div class="_buttons"> <div class="_buttons">
<MkButton inline @click="previewEmoji"><i class="ti ti-eye"></i> {{ i18n.ts.preview }}</MkButton> <MkButton inline @click="previewEmoji"><i class="ph-eye ph-bold ph-lg"></i> {{ i18n.ts.preview }}</MkButton>
<MkButton inline danger @click="setDefaultEmoji"><i class="ti ti-reload"></i> {{ i18n.ts.default }}</MkButton> <MkButton inline danger @click="setDefaultEmoji"><i class="ph-arrow-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.default }}</MkButton>
<MkButton inline danger @click="overwriteFromPinnedEmojisForReaction"><i class="ti ti-copy"></i> {{ i18n.ts.overwriteFromPinnedEmojisForReaction }}</MkButton> <MkButton inline danger @click="overwriteFromPinnedEmojisForReaction"><i class="ph-copy ph-bold ph-lg"></i> {{ i18n.ts.overwriteFromPinnedEmojisForReaction }}</MkButton>
</div> </div>
</div> </div>
</MkFolder> </MkFolder>
@ -278,7 +278,7 @@ watch(pinnedEmojis, () => {
definePageMetadata({ definePageMetadata({
title: i18n.ts.emojiPicker, title: i18n.ts.emojiPicker,
icon: 'ti ti-mood-happy', icon: 'ph-smiley ph-bold ph-lg',
}); });
</script> </script>

6
packages/frontend/src/pages/timeline.vue
View file

@ -96,7 +96,7 @@ async function chooseList(ev: MouseEvent): Promise<void> {
(lists.length === 0 ? undefined : { type: 'divider' }), (lists.length === 0 ? undefined : { type: 'divider' }),
{ {
type: 'link' as const, type: 'link' as const,
icon: 'ti ti-plus', icon: 'ph-plus ph-bold ph-lg',
text: i18n.ts.createNew, text: i18n.ts.createNew,
to: '/my/lists', to: '/my/lists',
}, },
@ -116,7 +116,7 @@ async function chooseAntenna(ev: MouseEvent): Promise<void> {
(antennas.length === 0 ? undefined : { type: 'divider' }), (antennas.length === 0 ? undefined : { type: 'divider' }),
{ {
type: 'link' as const, type: 'link' as const,
icon: 'ti ti-plus', icon: 'ph-plus ph-bold ph-lg',
text: i18n.ts.createNew, text: i18n.ts.createNew,
to: '/my/antennas', to: '/my/antennas',
}, },
@ -143,7 +143,7 @@ async function chooseChannel(ev: MouseEvent): Promise<void> {
(channels.length === 0 ? undefined : { type: 'divider' }), (channels.length === 0 ? undefined : { type: 'divider' }),
{ {
type: 'link' as const, type: 'link' as const,
icon: 'ti ti-plus', icon: 'ph-plus ph-bold ph-lg',
text: i18n.ts.createNew, text: i18n.ts.createNew,
to: '/channels', to: '/channels',
}, },

2
packages/frontend/src/scripts/mfm-function-picker.ts
View file

@ -25,7 +25,7 @@ function getFunctionList(textArea: HTMLInputElement | HTMLTextAreaElement, textR
MFM_TAGS.forEach(tag => { MFM_TAGS.forEach(tag => {
ret.push({ ret.push({
text: tag, text: tag,
icon: 'ti ti-icons', icon: 'ph-brackets-curly ph-bold ph-lg',
action: () => add(textArea, textRef, tag), action: () => add(textArea, textRef, tag),
}); });
}); });

2
packages/frontend/src/widgets/WidgetBirthdayFollowings.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings"> <MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings">
<template #icon><i class="ti ti-cake"></i></template> <template #icon><i class="ph-cake ph-bold ph-lg"></i></template>
<template #header>{{ i18n.ts._widgets.birthdayFollowings }}</template> <template #header>{{ i18n.ts._widgets.birthdayFollowings }}</template>
<div :class="$style.bdayFRoot"> <div :class="$style.bdayFRoot">