chore(client): tweak style
This commit is contained in:
parent
1cc8fd54c0
commit
4774bc1f47
|
@ -136,11 +136,11 @@ function focusDown() {
|
||||||
> .item {
|
> .item {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 8px 18px;
|
padding: 6px 18px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
font-size: 0.9em;
|
font-size: 0.85em;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
|
@ -79,9 +79,9 @@ useInterval(tick, Math.max(5000, props.refreshIntervalSec * 1000), {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 0.5px;
|
width: 0.5px;
|
||||||
height: var(--height);
|
height: var(--height);
|
||||||
margin: 0 1em;
|
margin: 0 2em;
|
||||||
background: currentColor;
|
background: currentColor;
|
||||||
opacity: 0.7;
|
opacity: 0.3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -118,10 +118,12 @@ defineExpose<WidgetComponentExpose>({
|
||||||
|
|
||||||
.ekmkgxbk {
|
.ekmkgxbk {
|
||||||
> .feed {
|
> .feed {
|
||||||
|
--height: 42px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
line-height: 42px;
|
line-height: var(--height);
|
||||||
height: 42px;
|
height: var(--height);
|
||||||
|
contain: strict;
|
||||||
|
|
||||||
::v-deep(.item) {
|
::v-deep(.item) {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|
Loading…
Reference in New Issue