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

work in progress icons

Browse source
This commit is contained in:
Insert5StarName 2023-09-30 21:53:52 +02:00
parent f2e299a7a9
commit 7b179d3a92
251 changed files with 1062 additions and 1062 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/frontend/src/pages/channels.vue
View file

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="tab === 'search'">
<div class="_gaps">
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search">
<template #prefix><i class="ti ti-search"></i></template>
<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
</MkInput>
<MkRadios v-model="searchType" @update:modelValue="search()">
<option value="nameAndDescription">{{ i18n.ts._channel.nameAndDescription }}</option>
@ -40,7 +40,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkPagination>
</div>
<div v-else-if="tab === 'owned'">
<MkButton class="new" @click="create()"><i class="ti ti-plus"></i></MkButton>
<MkButton class="new" @click="create()"><i class="ph-plus ph-bold ph-lg"></i></MkButton>
<MkPagination v-slot="{items}" :pagination="ownedPagination">
<MkChannelPreview v-for="channel in items" :key="channel.id" class="_margin" :channel="channel"/>
</MkPagination>
@ -122,7 +122,7 @@ function create() {
}
const headerActions = $computed(() => [{
icon: 'ti ti-plus',
icon: 'ph-plus ph-bold ph-lg',
text: i18n.ts.create,
handler: create,
}]);
@ -130,7 +130,7 @@ const headerActions = $computed(() => [{
const headerTabs = $computed(() => [{
key: 'search',
title: i18n.ts.search,
icon: 'ti ti-search',
icon: 'ph-magnifying-glass ph-bold ph-lg',
}, {
key: 'featured',
title: i18n.ts._channel.featured,
@ -138,19 +138,19 @@ const headerTabs = $computed(() => [{
}, {
key: 'favorites',
title: i18n.ts.favorites,
icon: 'ti ti-star',
icon: 'ph-star ph-bold pg-lg',
}, {
key: 'following',
title: i18n.ts._channel.following,
icon: 'ti ti-eye',
icon: 'ph-eye ph-bold ph-lg',
}, {
key: 'owned',
title: i18n.ts._channel.owned,
icon: 'ti ti-edit',
icon: 'ph-pencil-line ph-bold pg-lg',
}]);
definePageMetadata(computed(() => ({
title: i18n.ts.channel,
icon: 'ti ti-device-tv',
icon: 'ph-television ph-bold ph-lg',
})));
</script>