amechama/sharkey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replaced most ti-arrow*

Browse Source
This commit is contained in:
dakkar 2024-06-22 12:36:09 +01:00
parent db0c17dd3e
commit 4910c1f030
7 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/src/components/MkMediaVideo.vue
View File

@ -84,8 +84,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<i class="ti ti-settings"></i>
</button>
<button class="_button" :class="$style.controlButton" @click="toggleFullscreen">
<i v-if="isFullscreen" class="ph-arrows-in ph-bold ph-lg"></i>
<i v-else class="ph-arrows-out ph-bold ph-lg"></i>
<i v-if="isFullscreen" class="ti ti-arrows-minimize"></i>
<i v-else class="ti ti-arrows-maximize"></i>
</button>
</div>
<div :class="[$style.controlsChild, $style.controlsTime]">{{ hms(elapsedTimeMs) }}</div>

2
packages/frontend/src/components/MkPullToRefresh.vue
View File

@ -8,7 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="isPullStart" :class="$style.frame" :style="`--frame-min-height: ${pullDistance / (PULL_BRAKE_BASE + (pullDistance / PULL_BRAKE_FACTOR))}px;`">
<div :class="$style.frameContent">
<MkLoading v-if="isRefreshing" :class="$style.loader" :em="true"/>
<i v-else class="ph-arrow-line-down ph-bold ph-lg" :class="[$style.icon, { [$style.refresh]: isPullEnd }]"></i>
<i v-else class="ti ti-arrow-bar-to-down" :class="[$style.icon, { [$style.refresh]: isPullEnd }]"></i>
<div :class="$style.text">
<template v-if="isPullEnd">{{ i18n.ts.releaseToRefresh }}</template>
<template v-else-if="isRefreshing">{{ i18n.ts.refreshing }}</template>

4
packages/frontend/src/pages/admin/roles.editor.vue
View File

@ -665,8 +665,8 @@ const rolePermission = computed({
const q = ref('');
function getPriorityIcon(option) {
if (option.priority === 2) return 'ph-arrow-up ph-bold ph-lg';
if (option.priority === 1) return 'ph-arrow-up ph-bold ph-lg';
if (option.priority === 2) return 'ti ti-arrows-up';
if (option.priority === 1) return 'ti ti-arrow-narrow-up';
return 'ph-circle ph-bold ph-lg';
}

2
packages/frontend/src/pages/drop-and-fusion.game.vue
View File

@ -173,7 +173,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div>
<div v-for="(mono, i) in game.monoDefinitions.sort((a, b) => a.level - b.level)" :key="mono.id" style="display: inline-block;">
<img :src="getTextureImageUrl(mono)" style="width: 32px; vertical-align: bottom;"/>
<div v-if="i < game.monoDefinitions.length - 1" style="display: inline-block; margin-left: 4px; vertical-align: bottom;"><i class="ph-arrow-fat-right ph-bold ph-lg"></i></div>
<div v-if="i < game.monoDefinitions.length - 1" style="display: inline-block; margin-left: 4px; vertical-align: bottom;"><i class="ti ti-arrow-big-right"></i></div>
</div>
</div>
</div>

2
packages/frontend/src/pages/settings/profile.vue
View File

@ -57,7 +57,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.metadataMargin">
<MkButton :disabled="fields.length >= 16" inline style="margin-right: 8px;" @click="addField"><i class="ti ti-plus"></i> {{ i18n.ts.add }}</MkButton>
<MkButton v-if="!fieldEditMode" :disabled="fields.length <= 1" inline danger style="margin-right: 8px;" @click="fieldEditMode = !fieldEditMode"><i class="ti ti-trash"></i> {{ i18n.ts.delete }}</MkButton>
<MkButton v-else inline style="margin-right: 8px;" @click="fieldEditMode = !fieldEditMode"><i class="ph-arrows-down-up ph-bold ph-lg"></i> {{ i18n.ts.rearrange }}</MkButton>
<MkButton v-else inline style="margin-right: 8px;" @click="fieldEditMode = !fieldEditMode"><i class="ti ti-arrows-sort"></i> {{ i18n.ts.rearrange }}</MkButton>
<MkButton inline primary @click="saveFields"><i class="ti ti-check"></i> {{ i18n.ts.save }}</MkButton>
</div>

6
packages/frontend/src/ui/deck/column.vue
View File

@ -132,7 +132,7 @@ function getMenu() {
}, {
type: 'parent',
text: i18n.ts.move + '...',
icon: 'ph-arrows-out-cardinal ph-bold ph-lg',
icon: 'ti ti-arrows-move',
children: [{
icon: 'ti ti-arrow-left',
text: i18n.ts._deck.swapLeft,
@ -146,13 +146,13 @@ function getMenu() {
swapRightColumn(props.column.id);
},
}, props.isStacked ? {
icon: 'ph-arrow-up ph-bold ph-lg',
icon: 'ti ti-arrow-up',
text: i18n.ts._deck.swapUp,
action: () => {
swapUpColumn(props.column.id);
},
} : undefined, props.isStacked ? {
icon: 'ph-arrow-down ph-bold ph-lg',
icon: 'ti ti-arrow-down',
text: i18n.ts._deck.swapDown,
action: () => {
swapDownColumn(props.column.id);

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

@ -263,6 +263,16 @@ export function getConfig(): UserConfig {
'ti ti-rocket-off': 'ph-rocket ph-bold ph-lg',
'ti ti-repeat-off': 'ph-repeat ph-bold ph-lg',
'ti ti-movie': 'ph-film-strip ph-bold ph-lg',
'ti ti-arrows-minimize': 'ph-arrows-in ph-bold ph-lg',
'ti ti-arrows-maximize': 'ph-arrows-out ph-bold ph-lg',
'ti ti-arrows-up': 'ph-arrow-line-up ph-bold ph-lg',
'ti ti-arrows-sort': 'ph-arrows-down-up ph-bold ph-lg',
'ti ti-arrows-move': 'ph-arrows-out-cardinal ph-bold ph-lg',
'ti ti-arrow-bar-to-down': 'ph-arrow-line-down ph-bold ph-lg',
'ti ti-arrow-narrow-up': 'ph-arrow-up ph-bold ph-lg',
'ti ti-arrow-big-right': 'ph-arrow-fat-right ph-bold ph-lg',
'ti ti-arrow-up': 'ph-arrow-up ph-bold ph-lg',
'ti ti-arrow-down': 'ph-arrow-down ph-bold ph-lg',
},
}),
...process.env.NODE_ENV === 'production'