replaced another bunch, and some fixes

This commit is contained in:
dakkar 2024-06-22 13:55:21 +01:00
parent 712682ea47
commit b675c66d70
22 changed files with 37 additions and 28 deletions

View file

@ -197,7 +197,7 @@ function showMenu(ev: MouseEvent) {
},
...(document.pictureInPictureEnabled ? [{
text: i18n.ts._mediaControls.pip,
icon: 'ph ph-picture-in-picture',
icon: 'ti ti-picture-in-picture',
action: togglePictureInPicture,
}] : []),
{

View file

@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #caption><button class="_textButton" type="button" @click="isBackupCode = !isBackupCode">{{ isBackupCode ? i18n.ts.useTotp : i18n.ts.useBackupCode }}</button></template>
</MkInput>
<MkButton :disabled="(password ?? '') == '' || ($i.twoFactorEnabled && (token ?? '') == '')" type="submit" primary rounded style="margin: 0 auto;"><i class="ph-lock ph-bold ph-lg-open"></i> {{ i18n.ts.continue }}</MkButton>
<MkButton :disabled="(password ?? '') == '' || ($i.twoFactorEnabled && (token ?? '') == '')" type="submit" primary rounded style="margin: 0 auto;"><i class="ti ti-lock-open"></i> {{ i18n.ts.continue }}</MkButton>
</div>
</form>
</MkSpacer>

View file

@ -79,7 +79,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<footer :class="$style.footer">
<div :class="$style.footerLeft">
<button v-tooltip="i18n.ts.attachFile" class="_button" :class="$style.footerButton" @click="chooseFileFrom"><i class="ph-image-square ph-bold ph-lg-plus"></i></button>
<button v-tooltip="i18n.ts.attachFile" class="_button" :class="$style.footerButton" @click="chooseFileFrom"><i class="ti ti-photo-plus"></i></button>
<button v-tooltip="i18n.ts.poll" class="_button" :class="[$style.footerButton, { [$style.footerButtonActive]: poll }]" @click="togglePoll"><i class="ti ti-chart-arrows"></i></button>
<button v-tooltip="i18n.ts.useCw" class="_button" :class="[$style.footerButton, { [$style.footerButtonActive]: useCw }]" @click="useCw = !useCw"><i class="ti ti-eye-off"></i></button>
<button v-tooltip="i18n.ts.mention" class="_button" :class="$style.footerButton" @click="insertMention"><i class="ti ti-at"></i></button>

View file

@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps_s">
<div><i class="ti ti-home"></i> <b>{{ i18n.ts._timelines.home }}</b> {{ i18n.ts._initialTutorial._timeline.home }}</div>
<div><i class="ti ti-planet"></i> <b>{{ i18n.ts._timelines.local }}</b> {{ i18n.ts._initialTutorial._timeline.local }}</div>
<div><i class="ph-rocket-launch ph-bold ph-lg"></i> <b>{{ i18n.ts._timelines.social }}</b> {{ i18n.ts._initialTutorial._timeline.social }}</div>
<div><i class="ti ti-universe"></i> <b>{{ i18n.ts._timelines.social }}</b> {{ i18n.ts._initialTutorial._timeline.social }}</div>
<div><i class="ti ti-whirl"></i> <b>{{ i18n.ts._timelines.global }}</b> {{ i18n.ts._initialTutorial._timeline.global }}</div>
</div>
<div class="_gaps_s">

View file

@ -137,7 +137,7 @@ const menuDef = computed(() => [{
to: '/admin/emojis',
active: currentPage.value?.route.name === 'emojis',
}, {
icon: 'ph-sparkle ph-bold ph-lg',
icon: 'ti ti-sparkles',
text: i18n.ts.avatarDecorations,
to: '/admin/avatar-decorations',
active: currentPage.value?.route.name === 'avatarDecorations',
@ -220,7 +220,7 @@ const menuDef = computed(() => [{
to: '/admin/instance-block',
active: currentPage.value?.route.name === 'instance-block',
}, {
icon: 'ph-ghost ph-bold ph-lg',
icon: 'ti ti-ghost',
text: i18n.ts.proxyAccount,
to: '/admin/proxy-account',
active: currentPage.value?.route.name === 'proxy-account',
@ -230,7 +230,7 @@ const menuDef = computed(() => [{
to: '/admin/external-services',
active: currentPage.value?.route.name === 'external-services',
}, {
icon: 'ph-faders ph-bold ph-lg',
icon: 'ti ti-adjustments',
text: i18n.ts.other,
to: '/admin/other-settings',
active: currentPage.value?.route.name === 'other-settings',

View file

@ -108,6 +108,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.other,
icon: 'ph-faders ph-bold ph-lg',
icon: 'ti ti-adjustments',
}));
</script>

View file

@ -66,6 +66,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.proxyAccount,
icon: 'ph-ghost ph-bold ph-lg',
icon: 'ti ti-ghost',
}));
</script>

View file

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

View file

@ -98,6 +98,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.registry,
icon: 'ph-faders ph-bold ph-lg',
icon: 'ti ti-adjustments',
}));
</script>

View file

@ -125,6 +125,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.registry,
icon: 'ph-faders ph-bold ph-lg',
icon: 'ti ti-adjustments',
}));
</script>

View file

@ -75,6 +75,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.registry,
icon: 'ph-faders ph-bold ph-lg',
icon: 'ti ti-adjustments',
}));
</script>

View file

@ -89,8 +89,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="game.isEnded" class="_panel _gaps_s" style="padding: 16px;">
<div>{{ logPos }} / {{ game.logs.length }}</div>
<div v-if="!autoplaying" class="_buttonsCenter">
<MkButton :disabled="logPos === 0" @click="logPos = 0"><i class="ph-caret-left ph-bold ph-lg"></i></MkButton>
<MkButton :disabled="logPos === 0" @click="logPos--"><i class="ph-caret-left ph-bold ph-lg"></i></MkButton>
<MkButton :disabled="logPos === 0" @click="logPos = 0"><i class="ti ti-chevrons-left"></i></MkButton>
<MkButton :disabled="logPos === 0" @click="logPos--"><i class="ti ti-chevron-left"></i></MkButton>
<MkButton :disabled="logPos === game.logs.length" @click="logPos++"><i class="ti ti-chevron-right"></i></MkButton>
<MkButton :disabled="logPos === game.logs.length" @click="logPos = game.logs.length"><i class="ti ti-chevrons-right"></i></MkButton>
</div>

View file

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

View file

@ -615,7 +615,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.general,
icon: 'ph-faders ph-bold ph-lg',
icon: 'ti ti-adjustments',
}));
const useCustomSearchEngine = computed(() => !Object.keys(searchEngineMap).includes(searchEngine.value));

View file

@ -67,7 +67,7 @@ const menuDef = computed(() => [{
to: '/settings/profile',
active: currentPage.value?.route.name === 'profile',
}, {
icon: 'ph-lock ph-bold ph-lg-open',
icon: 'ti ti-lock-open',
text: i18n.ts.privacy,
to: '/settings/privacy',
active: currentPage.value?.route.name === 'privacy',
@ -100,7 +100,7 @@ const menuDef = computed(() => [{
}, {
title: i18n.ts.clientSettings,
items: [{
icon: 'ph-faders ph-bold ph-lg',
icon: 'ti ti-adjustments',
text: i18n.ts.general,
to: '/settings/general',
active: currentPage.value?.route.name === 'general',

View file

@ -82,7 +82,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</FormSection>
<FormSection>
<FormLink to="/registry"><template #icon><i class="ph-faders ph-bold ph-lg"></i></template>{{ i18n.ts.registry }}</FormLink>
<FormLink to="/registry"><template #icon><i class="ti ti-adjustments"></i></template>{{ i18n.ts.registry }}</FormLink>
</FormSection>
<FormSection>

View file

@ -120,6 +120,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({
title: i18n.ts.privacy,
icon: 'ph-lock ph-bold ph-lg-open',
icon: 'ti ti-lock-open',
}));
</script>

View file

@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkAvatar :class="$style.avatar" :user="$i" forceShowDecoration @click="changeAvatar"/>
<div class="_buttonsCenter">
<MkButton primary rounded @click="changeAvatar">{{ i18n.ts._profile.changeAvatar }}</MkButton>
<MkButton primary rounded link to="/settings/avatar-decoration">{{ i18n.ts.decorate }} <i class="ph-sparkle ph-bold ph-lg"></i></MkButton>
<MkButton primary rounded link to="/settings/avatar-decoration">{{ i18n.ts.decorate }} <i class="ti ti-sparkles"></i></MkButton>
</div>
</div>
</div>

View file

@ -303,7 +303,7 @@ const headerTabs = computed(() => [...(defaultStore.reactiveState.pinnedUserList
}, {
key: 'social',
title: i18n.ts._timelines.social,
icon: 'ph-rocket-launch ph-bold ph-lg',
icon: 'ti ti-universe',
iconOnly: true,
}] : []), ...(isBubbleTimelineAvailable ? [{
key: 'bubble',
@ -349,7 +349,7 @@ const headerTabsWhenNotLogin = computed(() => [
definePageMetadata(() => ({
title: i18n.ts.timeline,
icon: src.value === 'local' ? 'ti ti-planet' : src.value === 'social' ? 'ph-rocket-launch ph-bold ph-lg' : src.value === 'global' ? 'ti ti-whirl' : src.value === 'bubble' ? 'ph-drop ph-bold ph-lg' : 'ti ti-home',
icon: src.value === 'local' ? 'ti ti-planet' : src.value === 'social' ? 'ti ti-universe' : src.value === 'global' ? 'ti ti-whirl' : src.value === 'bubble' ? 'ph-drop ph-bold ph-lg' : 'ti ti-home',
}));
</script>

View file

@ -36,7 +36,7 @@ function toolsMenuItems(): MenuItem[] {
type: 'link',
to: '/avatar-decorations',
text: i18n.ts.manageAvatarDecorations,
icon: 'ph-sparkle ph-bold ph-lg',
icon: 'ti ti-sparkles',
} : undefined];
}

View file

@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #icon>
<i v-if="widgetProps.src === 'home'" class="ti ti-home"></i>
<i v-else-if="widgetProps.src === 'local'" class="ti ti-planet"></i>
<i v-else-if="widgetProps.src === 'social'" class="ph-rocket-launch ph-bold ph-lg"></i>
<i v-else-if="widgetProps.src === 'social'" class="ti ti-universe"></i>
<i v-else-if="widgetProps.src === 'bubble'" class="ph-drop ph-bold ph-lg"></i>
<i v-else-if="widgetProps.src === 'global'" class="ti ti-whirl"></i>
<i v-else-if="widgetProps.src === 'list'" class="ti ti-list"></i>
@ -127,7 +127,7 @@ const choose = async (ev) => {
action: () => { setSrc('local'); },
}, {
text: i18n.ts._timelines.social,
icon: 'ph-rocket-launch ph-bold ph-lg',
icon: 'ti ti-universe',
action: () => { setSrc('social'); },
}, {
text: 'Bubble',

View file

@ -309,7 +309,7 @@ export function getConfig(): UserConfig {
'icon ti ti-brand-youtube': 'icon ph-youtube-logo ph-bold ph-lg',
'ti ti-snowflake': 'ph-snowflake ph-bold ph-lg',
'ti ti-feather': 'ph-feather ph-bold ph-lg',
'ti ti-dice-5': 'ph ph-dice-5 ph-bold ph-lg',
'ti ti-dice-5': 'ph ph-dice-five ph-bold ph-lg',
'ti ti-world-search': 'ph-binoculars ph-bold ph-lg',
'ti ti-list': 'ph-list ph-bold ph-lg',
'ti ti-antenna': 'ph-flying-saucer ph-bold ph-lg',
@ -329,6 +329,15 @@ export function getConfig(): UserConfig {
'ti ti-paint': 'ph-paint-roller ph-bold ph-lg',
'ti ti-database': 'ph-database ph-bold ph-lg',
'ti ti-whirl': 'ph-globe-hemisphere-west ph-bold ph-lg',
'ti ti-lock-open': 'ph-lock-open ph-bold ph-lg',
'ti ti-photo-plus': 'ph-image-square ph-bold ph-lg',
'ti ti-universe': 'ph-rocket-launch ph-bold ph-lg',
'ti ti-sparkles': 'ph-sparkle ph-bold ph-lg',
'ti ti-ghost': 'ph-ghost ph-bold ph-lg',
'ti ti-adjustments': 'ph-faders ph-bold ph-lg',
'ti ti-chevrons-left': 'ph-caret-dobule-left ph-bold ph-lg',
'ti ti-chevron-left': 'ph-caret-left ph-bold ph-lg',
'ti ti-dice': 'ph ph-dice-five ph-bold ph-lg',
},
}),
...process.env.NODE_ENV === 'production'