fix(ui): table ui from right sidebar

src/main/frontend/components/settings.cljs

@@ -405,8 +405,8 @@
 
     [:<>
      (row-with-button-action
-       {:left-label "Accent color"
-        :description "Choosing an accent color may override any theme you have selected."
+       {:left-label (t :settings-page/accent-color)
+        :description (t :settings-page/accent-color-alert)
         :-for "toggle_radix_theme"
         :desc (when-not _in-modal?
                 [:span.pl-6 (ui/render-keyboard-shortcut

src/main/frontend/components/shortcut_help.cljs

@@ -11,7 +11,7 @@
             [logseq.shui.ui :as shui]))
 
 (rum/defc trigger-table []
-  [:table
+  [:table.classic-table.w-full
    [:thead
     [:tr
      [:th.text-left [:b (t :help/shortcuts-triggers)]]
@@ -82,7 +82,7 @@
                               :src "https://asset.logseq.com/static/img/logo.png"
                               :alt "image"}]}]
 
-    [:table
+    [:table.classic-table.w-full
      [:thead
       [:tr
        [:th.text-left [:b title]]
@@ -98,7 +98,8 @@
 (rum/defc shortcut-page
   [{:keys [show-title?]
     :or {show-title? true}}]
-  [:div.cp__shortcut-page
+  [:div.cp__shortcut-page.px-2
+   {:class "-mt-2"}
    (when show-title? [:h1.title (t :help/shortcut-page-title)])
    (trigger-table)
    (markdown-and-orgmode-syntax)

src/main/frontend/components/table.css

@@ -55,8 +55,8 @@
   }
 }
 
-.query-table {
-  @apply my-2 rounded;
+.query-table, .classic-table {
+  @apply my-2 rounded overflow-hidden;
 
   table {
     @apply w-full border-none;
@@ -67,6 +67,8 @@
   }
 
   tr {
+    @apply hover:bg-gray-03;
+
     &:nth-child(even) {
       @apply bg-gray-02;
     }