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

14
packages/frontend/src/pages/gallery/index.vue
View file

@ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_root">
<div v-if="tab === 'explore'">
<MkFoldableSection class="_margin">
<template #header><i class="ti ti-clock"></i>{{ i18n.ts.recentPosts }}</template>
<template #header><i class="ph-clock ph-bold ph-lg"></i>{{ i18n.ts.recentPosts }}</template>
<MkPagination v-slot="{items}" :pagination="recentPostsPagination" :disableAutoLoad="true">
<div :class="$style.items">
<MkGalleryPostPreview v-for="post in items" :key="post.id" :post="post" class="post"/>
@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkPagination>
</div>
<div v-else-if="tab === 'my'">
<MkA to="/gallery/new" class="_link" style="margin: 16px;"><i class="ti ti-plus"></i> {{ i18n.ts.postToGallery }}</MkA>
<MkA to="/gallery/new" class="_link" style="margin: 16px;"><i class="ph-plus ph-bold ph-lg"></i> {{ i18n.ts.postToGallery }}</MkA>
<MkPagination v-slot="{items}" :pagination="myPostsPagination">
<div :class="$style.items">
<MkGalleryPostPreview v-for="post in items" :key="post.id" :post="post" class="post"/>
@ -97,7 +97,7 @@ watch(() => props.tag, () => {
});
const headerActions = $computed(() => [{
icon: 'ti ti-plus',
icon: 'ph-plus ph-bold ph-lg',
text: i18n.ts.create,
handler: () => {
router.push('/gallery/new');
@ -107,20 +107,20 @@ const headerActions = $computed(() => [{
const headerTabs = $computed(() => [{
key: 'explore',
title: i18n.ts.gallery,
icon: 'ti ti-icons',
icon: 'ph-images-square ph-bold pg-lg',
}, {
key: 'liked',
title: i18n.ts._gallery.liked,
icon: 'ti ti-heart',
icon: 'ph-heart ph-bold ph-lg',
}, {
key: 'my',
title: i18n.ts._gallery.my,
icon: 'ti ti-edit',
icon: 'ph-pencil-line ph-bold pg-lg',
}]);
definePageMetadata({
title: i18n.ts.gallery,
icon: 'ti ti-icons',
icon: 'ph-images-square ph-bold pg-lg',
});
</script>