FoundKeyGang/FoundKey
FoundKeyGang/FoundKey
7
19
Fork 22
Code Issues 37 Pull requests 4 Releases Activity

chore(client): tweak style

Browse source
This commit is contained in:
syuilo 2022-07-01 15:23:49 +09:00 committed by Johann150
parent 22a0401bb2
commit 164f3214f9
Signed by: Johann150
GPG key ID: 9EE6577A2A06F8F1
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"/>
<div v-else class="feed">
<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>
</div>
</div>
@ -108,9 +110,19 @@ defineExpose<WidgetComponentExpose>({
font-size: 0.9em;
::v-deep(.item) {
display: inline-block;
display: inline-flex;
align-items: center;
vertical-align: bottom;
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);
}
}
}
}