enhance(ui): polish the details for the plugins related cp

src/main/frontend/components/plugins.cljs

@@ -209,7 +209,7 @@
   []
   (ui/admonition
     :warning
-    [:p.text-md
+    [:p.text-sm
      (t :plugin/security-warning)]))
 
 (rum/defc card-ctls-of-market < rum/static

src/main/frontend/components/plugins.css

@@ -586,7 +586,7 @@
 
     .cp__settings-inner {
       aside {
-        @apply max-h-[70vh] overflow-auto p-3;
+        @apply max-h-[70vh] overflow-auto;
 
         ul {
           @apply list-none pt-1.5 m-0;
@@ -599,7 +599,7 @@
             @apply p-1.5 rounded;
 
             a {
-              @apply mb-0 text-gray-11;
+              @apply mb-0 text-gray-12 opacity-90;
             }
 
             strong {

src/main/frontend/components/plugins_settings.cljs

@@ -99,6 +99,10 @@
    [:h2 title]
    (html-content description)])
 
+(rum/defc render-item-not-handled
+  [s]
+  [:p.text-red-500 (str "#Not Handled# " s)])
+
 (rum/defc settings-container
   [schema ^js pl]
   (let [^js plugin-settings (.-settings pl)
@@ -130,14 +134,16 @@
                     type (keyword (:type desc))
                     desc (update desc :description #(plugin-handler/markdown-to-html %))]]
 
-          (condp contains? type
-            #{:string :number} (render-item-input val desc update-setting!)
-            #{:boolean} (render-item-toggle val desc update-setting!)
-            #{:enum} (render-item-enum val desc update-setting!)
-            #{:object} (render-item-object val desc pid)
-            #{:heading} (render-item-heading desc)
+          (rum/with-key
+            (condp contains? type
+              #{:string :number} (render-item-input val desc update-setting!)
+              #{:boolean} (render-item-toggle val desc update-setting!)
+              #{:enum} (render-item-enum val desc update-setting!)
+              #{:object} (render-item-object val desc pid)
+              #{:heading} (render-item-heading desc)
 
-            [:p (str "#Not Handled#" key)]))]]
+              (render-item-not-handled key))
+            key))]]
 
       ;; no settings
       [:h2.font-bold.text-lg.py-4.warning "No Settings Schema!"])))

src/main/frontend/components/settings.css

@@ -83,8 +83,7 @@
     }
 
     .settings-menu-link {
-      @apply px-2 py-1.5 select-none;
-      color: var(--ls-primary-text-color);
+      @apply px-2 py-1.5 select-none text-gray-12;
     }