style(frontend): refine statusbar limit dropdown ux
This commit is contained in:
@@ -125,13 +125,10 @@ pub fn StatusBar() -> impl IntoView {
|
|||||||
view! {
|
view! {
|
||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class=move || if is_active() { "active text-xs flex justify-between" } else { "text-xs flex justify-between" }
|
class=move || if is_active() { "active text-xs" } else { "text-xs" }
|
||||||
on:click=move |_| set_limit("down", val)
|
on:click=move |_| set_limit("down", val)
|
||||||
>
|
>
|
||||||
<span>{label}</span>
|
{label}
|
||||||
<Show when=is_active fallback=|| ()>
|
|
||||||
<span>"✓"</span>
|
|
||||||
</Show>
|
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
}
|
}
|
||||||
@@ -177,13 +174,10 @@ pub fn StatusBar() -> impl IntoView {
|
|||||||
view! {
|
view! {
|
||||||
<li>
|
<li>
|
||||||
<button
|
<button
|
||||||
class=move || if is_active() { "active text-xs flex justify-between" } else { "text-xs flex justify-between" }
|
class=move || if is_active() { "active text-xs" } else { "text-xs" }
|
||||||
on:click=move |_| set_limit("up", val)
|
on:click=move |_| set_limit("up", val)
|
||||||
>
|
>
|
||||||
<span>{label}</span>
|
{label}
|
||||||
<Show when=is_active fallback=|| ()>
|
|
||||||
<span>"✓"</span>
|
|
||||||
</Show>
|
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user