diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-01 15:23:49 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-07-01 15:23:49 +0900 |
| commit | f635d5b864087e290a03958abc27d20f8339efe0 (patch) | |
| tree | 5b49580a320bcfc577e579b68e5db23c599ab5e8 /packages/client/src | |
| parent | 12.112.0-beta.11 (diff) | |
| download | misskey-f635d5b864087e290a03958abc27d20f8339efe0.tar.gz misskey-f635d5b864087e290a03958abc27d20f8339efe0.tar.bz2 misskey-f635d5b864087e290a03958abc27d20f8339efe0.zip | |
chore(client): tweak style
Diffstat (limited to 'packages/client/src')
| -rw-r--r-- | packages/client/src/widgets/rss-marquee.vue | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/packages/client/src/widgets/rss-marquee.vue b/packages/client/src/widgets/rss-marquee.vue index e7516476a1..6d910a2fb8 100644 --- a/packages/client/src/widgets/rss-marquee.vue +++ b/packages/client/src/widgets/rss-marquee.vue @@ -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); + } } } } |