Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

replaced ti-player-* and ti-volume-*

Browse source
This commit is contained in:
dakkar 2024-06-22 11:26:18 +01:00
parent d21d428d64
commit 172f9e7443
16 changed files with 35 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/frontend/src/components/MkMediaAudio.vue
View file

@ -44,8 +44,8 @@ SPDX-License-Identifier: AGPL-3.0-only
</audio>
<div :class="[$style.controlsChild, $style.controlsLeft]">
<button class="_button" :class="$style.controlButton" @click="togglePlayPause">
<i v-if="isPlaying" class="ph-pause ph-bold ph-lg"></i>
<i v-else class="ph-play ph-bold ph-lg"></i>
<i v-if="isPlaying" class="ti ti-player-pause-filled"></i>
<i v-else class="ti ti-player-play-filled"></i>
</button>
</div>
<div :class="[$style.controlsChild, $style.controlsRight]">
@ -59,8 +59,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="[$style.controlsChild, $style.controlsTime]">{{ hms(elapsedTimeMs) }}</div>
<div :class="[$style.controlsChild, $style.controlsVolume]">
<button class="_button" :class="$style.controlButton" @click="toggleMute">
<i v-if="volume === 0" class="ph-speaker-x ph-bold ph-lg"></i>
<i v-else class="ph-speaker-high ph-bold ph-lg"></i>
<i v-if="volume === 0" class="ti ti-volume-3"></i>
<i v-else class="ti ti-volume"></i>
</button>
<MkMediaRange
v-model="volume"

10
packages/frontend/src/components/MkMediaVideo.vue
View file

@ -60,7 +60,7 @@ SPDX-License-Identifier: AGPL-3.0-only
>
<source :src="video.url">
</video>
<button v-if="isReady && !isPlaying" class="_button" :class="$style.videoOverlayPlayButton" @click="togglePlayPause"><i class="ph-play ph-bold ph-lg"></i></button>
<button v-if="isReady && !isPlaying" class="_button" :class="$style.videoOverlayPlayButton" @click="togglePlayPause"><i class="ti ti-player-play-filled"></i></button>
<div v-else-if="!isActuallyPlaying" :class="$style.videoLoading">
<MkLoading/>
</div>
@ -72,8 +72,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="$style.videoControls" @click.self="togglePlayPause">
<div :class="[$style.controlsChild, $style.controlsLeft]">
<button class="_button" :class="$style.controlButton" @click="togglePlayPause">
<i v-if="isPlaying" class="ph-pause ph-bold ph-lg"></i>
<i v-else class="ph-play ph-bold ph-lg"></i>
<i v-if="isPlaying" class="ti ti-player-pause-filled"></i>
<i v-else class="ti ti-player-play-filled"></i>
</button>
</div>
<div :class="[$style.controlsChild, $style.controlsRight]">
@ -91,8 +91,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div :class="[$style.controlsChild, $style.controlsTime]">{{ hms(elapsedTimeMs) }}</div>
<div :class="[$style.controlsChild, $style.controlsVolume]">
<button class="_button" :class="$style.controlButton" @click="toggleMute">
<i v-if="volume === 0" class="ph-speaker-x ph-bold ph-lg"></i>
<i v-else class="ph-speaker-high ph-bold ph-lg"></i>
<i v-if="volume === 0" class="ti ti-volume-3"></i>
<i v-else class="ti ti-volume"></i>
</button>
<MkMediaRange
v-model="volume"

4
packages/frontend/src/components/MkPageWindow.vue
View file

@ -81,7 +81,7 @@ const buttonsRight = computed(() => {
title: i18n.ts.reload,
onClick: reload,
}, {
icon: 'ph-eject ph-bold ph-lg',
icon: 'ti ti-player-eject',
title: i18n.ts.showInPage,
onClick: expand,
}];
@ -113,7 +113,7 @@ provide('forceSpacerMin', true);
provide('shouldBackButton', false);
const contextmenu = computed(() => ([{
icon: 'ph-eject ph-bold ph-lg',
icon: 'ti ti-player-eject',
text: i18n.ts.showInPage,
action: expand,
}, {

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

@ -72,7 +72,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
<div v-if="!playerEnabled && player.url" :class="$style.action">
<MkButton :small="true" inline @click="playerEnabled = true">
<i class="ph-play ph-bold ph-lg"></i> {{ i18n.ts.enablePlayer }}
<i class="ti ti-player-play"></i> {{ i18n.ts.enablePlayer }}
</MkButton>
<MkButton v-if="!isMobile" :small="true" inline @click="openPlayer()">
<i class="ph-picture-in-picture ph-bold ph-lg"></i> {{ i18n.ts.openInWindow }}

2
packages/frontend/src/components/global/MkA.vue
View file

@ -61,7 +61,7 @@ function onContextmenu(ev) {
os.pageWindow(props.to);
},
}, {
icon: 'ph-eject ph-bold ph-lg',
icon: 'ti ti-player-eject',
text: i18n.ts.showInPage,
action: () => {
router.push(props.to, 'forcePage');