enhance(ui): refactor the plugin related components

enhance/e2e-browser
charlie 2024-04-08 14:34:53 +08:00
parent 57af873bf4
commit 8e4bd2e997
2 changed files with 17 additions and 16 deletions

View File

@ -377,19 +377,19 @@
(reset! *search-key nil)
(.focus target))}
(ui/icon "x")])
[:input.form-input.is-small
{:placeholder (t :plugin/search-plugin)
:ref *search-ref
:auto-focus true
:on-key-down (fn [^js e]
(when (= 27 (.-keyCode e))
(util/stop e)
(if (string/blank? search-key)
(some-> (js/document.querySelector ".cp__plugins-page") (.focus))
(reset! *search-key nil))))
:on-change #(let [^js target (.-target %)]
(reset! *search-key (some-> (.-value target) (string/triml))))
:value (or search-key "")}]])
(shui/input
{:placeholder (t :plugin/search-plugin)
:ref *search-ref
:auto-focus true
:on-key-down (fn [^js e]
(when (= 27 (.-keyCode e))
(util/stop e)
(if (string/blank? search-key)
(some-> (js/document.querySelector ".cp__plugins-page") (.focus))
(reset! *search-key nil))))
:on-change #(let [^js target (.-target %)]
(reset! *search-key (some-> (.-value target) (string/triml))))
:value (or search-key "")})])
(rum/defc panel-tab-developer
[]
@ -1407,7 +1407,7 @@
(shui/dialog-open!
(plugins-page)
{:label :plugins-dashboard
:side :center}))
:align :start}))
(defn open-waiting-updates-modal!
[]

View File

@ -150,10 +150,11 @@
z-index: 1;
}
.form-input {
.ui__input {
background-color: var(--ls-primary-background-color);
padding: 6px 7px 5px 29px;
opacity: .5;
opacity: .7;
height: 30px;
&:focus {
background-color: var(--ls-secondary-background-color);