enhance(ux): disable keymap settings for the mobile (#10380)

src/main/frontend/components/settings.cljs

@@ -1114,13 +1114,11 @@
           (when label
             [:li.settings-menu-item
              {:key      text
+              :data-id  id
               :class    (util/classnames [{:active (= label (first @*active))}])
               :on-click #(reset! *active [label (first @*active)])}
 
-             [:a.flex.items-center.settings-menu-link
-              {:data-id id}
-              icon
-              [:strong text]]]))]]
+             [:a.flex.items-center.settings-menu-link icon [:strong text]]]))]]
 
       [:article
        [:header.cp__settings-header

src/main/frontend/components/settings.css

@@ -65,6 +65,10 @@
     .settings-menu-item {
       @apply list-none p-0 my-1.5 rounded;
       @apply hover:bg-black/10;
+
+      &[data-id=keymap] {
+        @apply hidden sm:block;
+      }
     }
 
     .settings-menu-link {