HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

replaced last few ti-*

Browse source
This commit is contained in:
dakkar 2024-06-22 15:22:04 +01:00
parent fccfde8f2b
commit 5e3b21fd09
3 changed files with 20 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/pages/settings/deck.vue
View file

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

18
packages/frontend/src/pages/settings/general.vue
View file

@ -27,9 +27,9 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkRadios v-model="overridedDeviceKind"> <MkRadios v-model="overridedDeviceKind">
<template #label>{{ i18n.ts.overridedDeviceKind }}</template> <template #label>{{ i18n.ts.overridedDeviceKind }}</template>
<option :value="null">{{ i18n.ts.auto }}</option> <option :value="null">{{ i18n.ts.auto }}</option>
<option value="smartphone"><i class="ph-device-mobile ph-bold ph-lg"/> {{ i18n.ts.smartphone }}</option> <option value="smartphone"><i class="ti ti-device-mobile"/> {{ i18n.ts.smartphone }}</option>
<option value="tablet"><i class="ph-device-tablet ph-bold ph-lg"/> {{ i18n.ts.tablet }}</option> <option value="tablet"><i class="ti ti-device-tablet"/> {{ i18n.ts.tablet }}</option>
<option value="desktop"><i class="ph-desktop ph-bold ph-lg"/> {{ i18n.ts.desktop }}</option> <option value="desktop"><i class="ti ti-device-desktop"/> {{ i18n.ts.desktop }}</option>
</MkRadios> </MkRadios>
<FormSection> <FormSection>
@ -157,16 +157,16 @@ SPDX-License-Identifier: AGPL-3.0-only
<!-- <p class="caption">Testing Testing</p> --> <!-- <p class="caption">Testing Testing</p> -->
<MkRadios v-model="notificationPosition"> <MkRadios v-model="notificationPosition">
<template #label>{{ i18n.ts.position }}</template> <template #label>{{ i18n.ts.position }}</template>
<option value="leftTop"><i class="ph-arrow-up-left ph-bold ph-lg"></i> {{ i18n.ts.leftTop }}</option> <option value="leftTop"><i class="ti ti-align-box-left-top"></i> {{ i18n.ts.leftTop }}</option>
<option value="rightTop"><i class="ph-arrow-up-right ph-bold ph-lg"></i> {{ i18n.ts.rightTop }}</option> <option value="rightTop"><i class="ti ti-align-box-right-top"></i> {{ i18n.ts.rightTop }}</option>
<option value="leftBottom"><i class="ph-arrow-down-left ph-bold ph-lg"></i> {{ i18n.ts.leftBottom }}</option> <option value="leftBottom"><i class="ti ti-align-box-left-bottom"></i> {{ i18n.ts.leftBottom }}</option>
<option value="rightBottom"><i class="ph-arrow-down-right ph-bold ph-lg"></i> {{ i18n.ts.rightBottom }}</option> <option value="rightBottom"><i class="ti ti-align-box-right-bottom"></i> {{ i18n.ts.rightBottom }}</option>
</MkRadios> </MkRadios>
<MkRadios v-model="notificationStackAxis"> <MkRadios v-model="notificationStackAxis">
<template #label>{{ i18n.ts.stackAxis }}</template> <template #label>{{ i18n.ts.stackAxis }}</template>
<option value="vertical"><i class="ph-split-vertical ph-bold ph-lg"></i> {{ i18n.ts.vertical }}</option> <option value="vertical"><i class="ti ti-carousel-vertical"></i> {{ i18n.ts.vertical }}</option>
<option value="horizontal"><i class="ph-split-horizontal ph-bold ph-lg"></i> {{ i18n.ts.horizontal }}</option> <option value="horizontal"><i class="ti ti-carousel-horizontal"></i> {{ i18n.ts.horizontal }}</option>
</MkRadios> </MkRadios>
<MkButton @click="testNotification">{{ i18n.ts._notification.checkNotificationBehavior }}</MkButton> <MkButton @click="testNotification">{{ i18n.ts._notification.checkNotificationBehavior }}</MkButton>

10
packages/frontend/vite.config.ts
View file

@ -424,6 +424,16 @@ export function getConfig(): UserConfig {
'ti ti-message-off': 'ph-bell-slash ph-bold ph-lg', 'ti ti-message-off': 'ph-bell-slash ph-bold ph-lg',
'ti ti-pinned-off': 'ph-push-pin-slash ph-bold ph-lg', 'ti ti-pinned-off': 'ph-push-pin-slash ph-bold ph-lg',
'ti ti-user-off': 'ph-user-minus ph-bold ph-lg', 'ti ti-user-off': 'ph-user-minus ph-bold ph-lg',
'ti ti-columns': 'ph-text-columns ph-bold ph-lg',
'ti ti-device-mobile': 'ph-device-mobile ph-bold ph-lg',
'ti ti-device-tablet': 'ph-device-tablet ph-bold ph-lg',
'ti ti-device-desktop': 'ph-desktop ph-bold ph-lg',
'ti ti-align-box-left-top': 'ph-arrow-up-left ph-bold ph-lg',
'ti ti-align-box-right-top': 'ph-arrow-up-right ph-bold ph-lg',
'ti ti-align-box-left-bottom': 'ph-arrow-down-left ph-bold ph-lg',
'ti ti-align-box-right-bottom': 'ph-arrow-down-right ph-bold ph-lg',
'ti ti-carousel-vertical': 'ph-split-vertical ph-bold ph-lg',
'ti ti-carousel-horizontal': 'ph-split-horizontal ph-bold ph-lg',
}, },
}), }),
...process.env.NODE_ENV === 'production' ...process.env.NODE_ENV === 'production'