diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-15 08:30:29 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-15 08:30:29 +0900 |
| commit | d23aa94b4150f980b43bbf26776ff45dc366ecdc (patch) | |
| tree | 1cdf4fdb42bdf54f545e0b5e4a0972a7421f23d9 /packages/frontend/src/widgets/WidgetTimeline.vue | |
| parent | refactor(client): use css modules (diff) | |
| download | sharkey-d23aa94b4150f980b43bbf26776ff45dc366ecdc.tar.gz sharkey-d23aa94b4150f980b43bbf26776ff45dc366ecdc.tar.bz2 sharkey-d23aa94b4150f980b43bbf26776ff45dc366ecdc.zip | |
refactor(client): use css modules
Diffstat (limited to 'packages/frontend/src/widgets/WidgetTimeline.vue')
| -rw-r--r-- | packages/frontend/src/widgets/WidgetTimeline.vue | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/packages/frontend/src/widgets/WidgetTimeline.vue b/packages/frontend/src/widgets/WidgetTimeline.vue index 5bd626cd0e..8618dbc2ea 100644 --- a/packages/frontend/src/widgets/WidgetTimeline.vue +++ b/packages/frontend/src/widgets/WidgetTimeline.vue @@ -1,14 +1,16 @@ <template> <MkContainer :show-header="widgetProps.showHeader" :style="`height: ${widgetProps.height}px;`" :scrollable="true" class="mkw-timeline"> + <template #icon> + <i v-if="widgetProps.src === 'home'" class="ti ti-home"></i> + <i v-else-if="widgetProps.src === 'local'" class="ti ti-planet"></i> + <i v-else-if="widgetProps.src === 'social'" class="ti ti-rocket"></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 === 'antenna'" class="ti ti-antenna"></i> + </template> <template #header> <button class="_button" @click="choose"> - <i v-if="widgetProps.src === 'home'" class="ti ti-home"></i> - <i v-else-if="widgetProps.src === 'local'" class="ti ti-planet"></i> - <i v-else-if="widgetProps.src === 'social'" class="ti ti-rocket"></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 === '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>{{ widgetProps.src === 'list' ? widgetProps.list.name : widgetProps.src === 'antenna' ? widgetProps.antenna.name : $t('_timelines.' + widgetProps.src) }}</span> <i :class="menuOpened ? 'ti ti-chevron-up' : 'ti ti-chevron-down'" style="margin-left: 8px;"></i> </button> </template> |