kaslo/pawkey-sk
1
0
Fork 0
Code Packages Activity

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
packages/frontend/src/pages/clip.vue
+6 -6
View File
@@ -12,8 +12,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="clip.description" :class="$style.description">
<Mfm :text="clip.description" :isNote="false" :i="$i"/>
</div>
<MkButton v-if="favorited" v-tooltip="i18n.ts.unfavorite" asLike rounded primary @click="unfavorite()"><i class="ti ti-heart"></i><span v-if="clip.favoritedCount > 0" style="margin-left: 6px;">{{ clip.favoritedCount }}</span></MkButton>
<MkButton v-else v-tooltip="i18n.ts.favorite" asLike rounded @click="favorite()"><i class="ti ti-heart"></i><span v-if="clip.favoritedCount > 0" style="margin-left: 6px;">{{ clip.favoritedCount }}</span></MkButton>
<MkButton v-if="favorited" v-tooltip="i18n.ts.unfavorite" asLike rounded primary @click="unfavorite()"><i class="ph-heart ph-bold ph-lg"></i><span v-if="clip.favoritedCount > 0" style="margin-left: 6px;">{{ clip.favoritedCount }}</span></MkButton>
<MkButton v-else v-tooltip="i18n.ts.favorite" asLike rounded @click="favorite()"><i class="ph-heart ph-bold ph-lg"></i><span v-if="clip.favoritedCount > 0" style="margin-left: 6px;">{{ clip.favoritedCount }}</span></MkButton>
<div :class="$style.user">
<MkAvatar :user="clip.user" :class="$style.avatar" indicator link preview/> <MkUserName :user="clip.user" :nowrap="false"/>
</div>
@@ -86,7 +86,7 @@ async function unfavorite() {
}
const headerActions = $computed(() => clip && isOwned ? [{
icon: 'ti ti-pencil',
icon: 'ph-pencil ph-bold ph-lg',
text: i18n.ts.edit,
handler: async (): Promise<void> => {
const { canceled, result } = await os.form(clip.name, {
@@ -118,7 +118,7 @@ const headerActions = $computed(() => clip && isOwned ? [{
clipsCache.delete();
},
}, ...(clip.isPublic ? [{
icon: 'ti ti-share',
icon: 'ph-share-network ph-bold pg-lg',
text: i18n.ts.share,
handler: async (): Promise<void> => {
navigator.share({
@@ -128,7 +128,7 @@ const headerActions = $computed(() => clip && isOwned ? [{
});
},
}] : []), {
icon: 'ti ti-trash',
icon: 'ph-trash ph-bold ph-lg',
text: i18n.ts.delete,
danger: true,
handler: async (): Promise<void> => {
@@ -148,7 +148,7 @@ const headerActions = $computed(() => clip && isOwned ? [{
definePageMetadata(computed(() => clip ? {
title: clip.name,
icon: 'ti ti-paperclip',
icon: 'ph-paperclip ph-bold ph-lg',
} : null));
</script>