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

fix: icons being inconsistent and PG (#136)

Browse source
This commit is contained in:
Amelia Yukii 2023-11-03 23:20:53 +01:00 • committed by GitHub
parent 11e7cfc7a0
commit 08de1f7baa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
135 changed files with 282 additions and 282 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/frontend/src/pages/channel.vue
View file

@ -10,11 +10,11 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="channel && tab === 'overview'" class="_gaps">
<div class="_panel" :class="$style.bannerContainer">
<XChannelFollowButton :channel="channel" :full="true" :class="$style.subscribe"/>
<MkButton v-if="favorited" v-tooltip="i18n.ts.unfavorite" asLike class="button" rounded primary :class="$style.favorite" @click="unfavorite()"><i class="ph-star ph-bold pg-lg"></i></MkButton>
<MkButton v-else v-tooltip="i18n.ts.favorite" asLike class="button" rounded :class="$style.favorite" @click="favorite()"><i class="ph-star ph-bold pg-lg"></i></MkButton>
<MkButton v-if="favorited" v-tooltip="i18n.ts.unfavorite" asLike class="button" rounded primary :class="$style.favorite" @click="unfavorite()"><i class="ph-star ph-bold ph-lg"></i></MkButton>
<MkButton v-else v-tooltip="i18n.ts.favorite" asLike class="button" rounded :class="$style.favorite" @click="favorite()"><i class="ph-star ph-bold ph-lg"></i></MkButton>
<div :style="{ backgroundImage: channel.bannerUrl ? `url(${channel.bannerUrl})` : null }" :class="$style.banner">
<div :class="$style.bannerStatus">
<div><i class="ph-users ph-bold pg-lg ti-fw"></i><I18n :src="i18n.ts._channel.usersCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.usersCount }}</b></template></I18n></div>
<div><i class="ph-users ph-bold ph-lg ti-fw"></i><I18n :src="i18n.ts._channel.usersCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.usersCount }}</b></template></I18n></div>
<div><i class="ph-pencil ph-bold ph-lg ti-fw"></i><I18n :src="i18n.ts._channel.notesCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.notesCount }}</b></template></I18n></div>
</div>
<div v-if="channel.isSensitive" :class="$style.sensitiveIndicator">{{ i18n.ts.sensitive }}</div>
@ -168,7 +168,7 @@ async function search() {
const headerActions = $computed(() => {
if (channel && channel.userId) {
const share = {
icon: 'ph-share-network ph-bold pg-lg',
icon: 'ph-share-network ph-bold ph-lg',
text: i18n.ts.share,
handler: async (): Promise<void> => {
navigator.share({
@ -181,7 +181,7 @@ const headerActions = $computed(() => {
const canEdit = ($i && $i.id === channel.userId) || iAmModerator;
return canEdit ? [share, {
icon: 'ph-gear ph-bold pg-lg',
icon: 'ph-gear ph-bold ph-lg',
text: i18n.ts.edit,
handler: edit,
}] : [share];
@ -201,7 +201,7 @@ const headerTabs = $computed(() => [{
}, {
key: 'featured',
title: i18n.ts.featured,
icon: 'ph-lightning ph-bold pg-lg',
icon: 'ph-lightning ph-bold ph-lg',
}, {
key: 'search',
title: i18n.ts.search,