misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Use tabler icons (#9354)

Browse source 
* wip

* wip

* wip

* Update style.scss

* wip

* wip

* wip

* wip
This commit is contained in:
syuilo 2022-12-19 19:01:30 +09:00 • committed by GitHub
parent e3b8482891
commit 917ef465a5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
240 changed files with 981 additions and 947 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,15 +6,15 @@
<div class="wpgynlbz _panel _gap" :class="{ hide: !showBanner }">
<XChannelFollowButton :channel="channel" :full="true" class="subscribe"/>
<button class="_button toggle" @click="() => showBanner = !showBanner">
<template v-if="showBanner"><i class="fas fa-angle-up"></i></template>
<template v-else><i class="fas fa-angle-down"></i></template>
<template v-if="showBanner"><i class="ti ti-chevron-up"></i></template>
<template v-else><i class="ti ti-chevron-down"></i></template>
</button>
<div v-if="!showBanner" class="hideOverlay">
</div>
<div :style="{ backgroundImage: channel.bannerUrl ? `url(${channel.bannerUrl})` : null }" class="banner">
<div class="status">
<div><i class="fas fa-users fa-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="fas fa-pencil-alt fa-fw"></i><I18n :src="i18n.ts._channel.notesCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.notesCount }}</b></template></I18n></div>
<div><i class="ti ti-users 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="ti ti-pencil 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 class="fade"></div>
</div>
@ -70,7 +70,7 @@ function edit() {
}
const headerActions = $computed(() => channel && channel.userId ? [{
icon: 'fas fa-cog',
icon: 'ti ti-settings',
text: i18n.ts.edit,
handler: edit,
}] : null);
@ -79,7 +79,7 @@ const headerTabs = $computed(() => []);
definePageMetadata(computed(() => channel ? {
title: channel.name,
icon: 'fas fa-satellite-dish',
icon: 'ti ti-device-tv',
} : null));
</script>