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

chore(client): tweak style

Browse source
This commit is contained in:
syuilo 2022-07-01 15:23:49 +09:00
parent 9205155fc9
commit f635d5b864
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
packages/client/src/widgets/rss-marquee.vue
View file

@ -7,7 +7,9 @@
<MkLoading v-if="fetching"/> <MkLoading v-if="fetching"/>
<div v-else class="feed"> <div v-else class="feed">
<MarqueeText :key="key" :duration="widgetProps.speed" :reverse="widgetProps.reverse"> <MarqueeText :key="key" :duration="widgetProps.speed" :reverse="widgetProps.reverse">
<a v-for="item in items" class="item" :href="item.link" rel="nofollow noopener" target="_blank" :title="item.title">{{ item.title }}</a> <span v-for="item in items" class="item">
<a class="link" :href="item.link" rel="nofollow noopener" target="_blank" :title="item.title">{{ item.title }}</a><span class="divider"></span>
</span>
</MarqueeText> </MarqueeText>
</div> </div>
</div> </div>
@ -108,9 +110,19 @@ defineExpose<WidgetComponentExpose>({
font-size: 0.9em; font-size: 0.9em;
::v-deep(.item) { ::v-deep(.item) {
display: inline-block; display: inline-flex;
align-items: center;
vertical-align: bottom;
color: var(--fg); color: var(--fg);
margin: 12px 3em 12px 0; margin: 12px 0;
> .divider {
display: inline-block;
width: 0.5px;
height: 16px;
margin: 0 1em;
background: var(--divider);
}
} }
} }
} }