mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-13 01:40:50 +01:00
chore(client): tweak style
This commit is contained in:
parent
9205155fc9
commit
f635d5b864
1 changed files with 15 additions and 3 deletions
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue