diff --git a/packages/client/src/components/ui/menu.vue b/packages/client/src/components/ui/menu.vue index dad5dfa8b0..cb4ec7c348 100644 --- a/packages/client/src/components/ui/menu.vue +++ b/packages/client/src/components/ui/menu.vue @@ -136,11 +136,11 @@ function focusDown() { > .item { display: block; position: relative; - padding: 8px 18px; + padding: 6px 18px; width: 100%; box-sizing: border-box; white-space: nowrap; - font-size: 0.9em; + font-size: 0.85em; line-height: 20px; text-align: left; overflow: hidden; diff --git a/packages/client/src/ui/_common_/statusbar-rss.vue b/packages/client/src/ui/_common_/statusbar-rss.vue index ddfc6faaab..83e78a376a 100644 --- a/packages/client/src/ui/_common_/statusbar-rss.vue +++ b/packages/client/src/ui/_common_/statusbar-rss.vue @@ -79,9 +79,9 @@ useInterval(tick, Math.max(5000, props.refreshIntervalSec * 1000), { display: inline-block; width: 0.5px; height: var(--height); - margin: 0 1em; + margin: 0 2em; background: currentColor; - opacity: 0.7; + opacity: 0.3; } } } diff --git a/packages/client/src/widgets/rss-marquee.vue b/packages/client/src/widgets/rss-marquee.vue index c20954c1e0..938113b533 100644 --- a/packages/client/src/widgets/rss-marquee.vue +++ b/packages/client/src/widgets/rss-marquee.vue @@ -118,10 +118,12 @@ defineExpose({ .ekmkgxbk { > .feed { + --height: 42px; padding: 0; font-size: 0.9em; - line-height: 42px; - height: 42px; + line-height: var(--height); + height: var(--height); + contain: strict; ::v-deep(.item) { display: inline-flex;