chore: fix icons
This commit is contained in:
		
							parent
							
								
									ce6fadf767
								
							
						
					
					
						commit
						6a46e30f67
					
				
					 11 changed files with 27 additions and 27 deletions
				
			
		| 
						 | 
					@ -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>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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',
 | 
				
			||||||
		},
 | 
							},
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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),
 | 
				
			||||||
		});
 | 
							});
 | 
				
			||||||
	});
 | 
						});
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue