mirror of
https://activitypub.software/TransFem-org/Sharkey
synced 2024-12-22 16:30:13 +00:00
🎨
This commit is contained in:
parent
b64daa5a58
commit
1cc931c74d
3 changed files with 14 additions and 14 deletions
|
@ -119,17 +119,17 @@ const headerTabs = $computed(() => [{
|
||||||
}, ...(isLocalTimelineAvailable ? [{
|
}, ...(isLocalTimelineAvailable ? [{
|
||||||
key: 'local',
|
key: 'local',
|
||||||
title: i18n.ts._timelines.local,
|
title: i18n.ts._timelines.local,
|
||||||
icon: 'ti ti-messages',
|
icon: 'ti ti-planet',
|
||||||
iconOnly: true,
|
iconOnly: true,
|
||||||
}, {
|
}, {
|
||||||
key: 'social',
|
key: 'social',
|
||||||
title: i18n.ts._timelines.social,
|
title: i18n.ts._timelines.social,
|
||||||
icon: 'ti ti-share',
|
icon: 'ti ti-rocket',
|
||||||
iconOnly: true,
|
iconOnly: true,
|
||||||
}] : []), ...(isGlobalTimelineAvailable ? [{
|
}] : []), ...(isGlobalTimelineAvailable ? [{
|
||||||
key: 'global',
|
key: 'global',
|
||||||
title: i18n.ts._timelines.global,
|
title: i18n.ts._timelines.global,
|
||||||
icon: 'ti ti-world',
|
icon: 'ti ti-whirl',
|
||||||
iconOnly: true,
|
iconOnly: true,
|
||||||
}] : []), {
|
}] : []), {
|
||||||
icon: 'ti ti-list',
|
icon: 'ti ti-list',
|
||||||
|
@ -150,7 +150,7 @@ const headerTabs = $computed(() => [{
|
||||||
|
|
||||||
definePageMetadata(computed(() => ({
|
definePageMetadata(computed(() => ({
|
||||||
title: i18n.ts.timeline,
|
title: i18n.ts.timeline,
|
||||||
icon: src === 'local' ? 'ti ti-messages' : src === 'social' ? 'ti ti-share' : src === 'global' ? 'ti ti-world' : 'ti ti-home',
|
icon: src === 'local' ? 'ti ti-planet' : src === 'social' ? 'ti ti-rocket' : src === 'global' ? 'ti ti-whirl' : 'ti ti-home',
|
||||||
})));
|
})));
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -2,9 +2,9 @@
|
||||||
<XColumn :menu="menu" :column="column" :is-stacked="isStacked" :indicated="indicated" @change-active-state="onChangeActiveState" @parent-focus="$event => emit('parent-focus', $event)">
|
<XColumn :menu="menu" :column="column" :is-stacked="isStacked" :indicated="indicated" @change-active-state="onChangeActiveState" @parent-focus="$event => emit('parent-focus', $event)">
|
||||||
<template #header>
|
<template #header>
|
||||||
<i v-if="column.tl === 'home'" class="ti ti-home"></i>
|
<i v-if="column.tl === 'home'" class="ti ti-home"></i>
|
||||||
<i v-else-if="column.tl === 'local'" class="ti ti-messages"></i>
|
<i v-else-if="column.tl === 'local'" class="ti ti-planet"></i>
|
||||||
<i v-else-if="column.tl === 'social'" class="ti ti-share"></i>
|
<i v-else-if="column.tl === 'social'" class="ti ti-rocket"></i>
|
||||||
<i v-else-if="column.tl === 'global'" class="ti ti-world"></i>
|
<i v-else-if="column.tl === 'global'" class="ti ti-whirl"></i>
|
||||||
<span style="margin-left: 8px;">{{ column.name }}</span>
|
<span style="margin-left: 8px;">{{ column.name }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -3,9 +3,9 @@
|
||||||
<template #header>
|
<template #header>
|
||||||
<button class="_button" @click="choose">
|
<button class="_button" @click="choose">
|
||||||
<i v-if="widgetProps.src === 'home'" class="ti ti-home"></i>
|
<i v-if="widgetProps.src === 'home'" class="ti ti-home"></i>
|
||||||
<i v-else-if="widgetProps.src === 'local'" class="ti ti-messages"></i>
|
<i v-else-if="widgetProps.src === 'local'" class="ti ti-planet"></i>
|
||||||
<i v-else-if="widgetProps.src === 'social'" class="ti ti-share"></i>
|
<i v-else-if="widgetProps.src === 'social'" class="ti ti-rocket"></i>
|
||||||
<i v-else-if="widgetProps.src === 'global'" class="ti ti-world"></i>
|
<i v-else-if="widgetProps.src === 'global'" class="ti ti-whirl"></i>
|
||||||
<i v-else-if="widgetProps.src === 'list'" class="ti ti-list"></i>
|
<i v-else-if="widgetProps.src === 'list'" class="ti ti-list"></i>
|
||||||
<i v-else-if="widgetProps.src === 'antenna'" class="ti ti-antenna"></i>
|
<i v-else-if="widgetProps.src === 'antenna'" class="ti ti-antenna"></i>
|
||||||
<span style="margin-left: 8px;">{{ widgetProps.src === 'list' ? widgetProps.list.name : widgetProps.src === 'antenna' ? widgetProps.antenna.name : $t('_timelines.' + widgetProps.src) }}</span>
|
<span style="margin-left: 8px;">{{ widgetProps.src === 'list' ? widgetProps.list.name : widgetProps.src === 'antenna' ? widgetProps.antenna.name : $t('_timelines.' + widgetProps.src) }}</span>
|
||||||
|
@ -21,8 +21,8 @@
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { onMounted, onUnmounted, reactive, ref, watch } from 'vue';
|
import { onMounted, onUnmounted, reactive, ref, watch } from 'vue';
|
||||||
import { GetFormResultType } from '@/scripts/form';
|
|
||||||
import { useWidgetPropsManager, Widget, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget';
|
import { useWidgetPropsManager, Widget, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget';
|
||||||
|
import { GetFormResultType } from '@/scripts/form';
|
||||||
import * as os from '@/os';
|
import * as os from '@/os';
|
||||||
import MkContainer from '@/components/MkContainer.vue';
|
import MkContainer from '@/components/MkContainer.vue';
|
||||||
import XTimeline from '@/components/MkTimeline.vue';
|
import XTimeline from '@/components/MkTimeline.vue';
|
||||||
|
@ -106,15 +106,15 @@ const choose = async (ev) => {
|
||||||
action: () => { setSrc('home'); },
|
action: () => { setSrc('home'); },
|
||||||
}, {
|
}, {
|
||||||
text: i18n.ts._timelines.local,
|
text: i18n.ts._timelines.local,
|
||||||
icon: 'ti ti-messages',
|
icon: 'ti ti-planet',
|
||||||
action: () => { setSrc('local'); },
|
action: () => { setSrc('local'); },
|
||||||
}, {
|
}, {
|
||||||
text: i18n.ts._timelines.social,
|
text: i18n.ts._timelines.social,
|
||||||
icon: 'ti ti-share',
|
icon: 'ti ti-rocket',
|
||||||
action: () => { setSrc('social'); },
|
action: () => { setSrc('social'); },
|
||||||
}, {
|
}, {
|
||||||
text: i18n.ts._timelines.global,
|
text: i18n.ts._timelines.global,
|
||||||
icon: 'ti ti-world',
|
icon: 'ti ti-whirl',
|
||||||
action: () => { setSrc('global'); },
|
action: () => { setSrc('global'); },
|
||||||
}, antennaItems.length > 0 ? null : undefined, ...antennaItems, listItems.length > 0 ? null : undefined, ...listItems], ev.currentTarget ?? ev.target).then(() => {
|
}, antennaItems.length > 0 ? null : undefined, ...antennaItems, listItems.length > 0 ? null : undefined, ...listItems], ev.currentTarget ?? ev.target).then(() => {
|
||||||
menuOpened.value = false;
|
menuOpened.value = false;
|
||||||
|
|
Loading…
Reference in a new issue