reduce gaps between page title and blocks

src/main/capacitor/components/settings.cljs

@@ -3,29 +3,29 @@
             [capacitor.state :as state]
             [frontend.components.repo :as repo]
             [frontend.components.user.login :as login]
-            [frontend.handler.db-based.rtc :as rtc-handler]
             [frontend.handler.user :as user-handler]
             [frontend.state :as fstate]
             [logseq.shui.ui :as shui]
             [rum.core :as rum]))
 
-(rum/defc all-graphs < rum/reactive
-  []
-  (let [graphs (fstate/sub :rtc/graphs)]
-    [:div.py-4
-     [:div.flex.justify-between.items-center
-      [:h2.text-xl.font-medium.my-3.flex.gap-2.items-center.opacity-80
-       (shui/tabler-icon "server" {:size 22}) "Your RTC graphs"]
+(comment
+  (rum/defc all-graphs < rum/reactive
+    []
+    (let [graphs (fstate/sub :rtc/graphs)]
+      [:div.py-4
+       [:div.flex.justify-between.items-center
+        [:h2.text-xl.font-medium.my-3.flex.gap-2.items-center.opacity-80
+         (shui/tabler-icon "server" {:size 22}) "Your RTC graphs"]
 
-      (ion/button
-       {:mode "ios" :size "small" :color "secondary"
-        :on-click (fn [] (rtc-handler/<get-remote-graphs))} "refresh")]
+        (ion/button
+         {:mode "ios" :size "small" :color "secondary"
+          :on-click (fn [] (rtc-handler/<get-remote-graphs))} "refresh")]
 
-     [:ul
-      (for [{:keys [url GraphName GraphSchemaVersion]} graphs]
-        [:li
-         [:p.inline-flex.items-center.gap-1
-          [:a.text-lg.mr-2 GraphName]] [:code "ver." GraphSchemaVersion]])]]))
+       [:ul
+        (for [{:keys [url GraphName GraphSchemaVersion]} graphs]
+          [:li
+           [:p.inline-flex.items-center.gap-1
+            [:a.text-lg.mr-2 GraphName]] [:code "ver." GraphSchemaVersion]])]])))
 
 (rum/defc user-profile < rum/reactive
   []
@@ -66,4 +66,5 @@
                                        3000))}
                    (ion/refresher-content))
                   (user-profile)
-                  (repo/repos-cp)))))
+                  [:div.mt-8
+                   (repo/repos-cp)]))))

src/main/frontend/common.css

@@ -516,7 +516,7 @@ svg.tip {
 /* endregion */
 
 hr {
-  margin: 2rem 0;
+  @apply my-4 sm:my-8 mx-0;
   border-color: var(--lx-gray-05, var(--ls-border-color, var(--rx-gray-05)));
 }
 

src/main/frontend/components/page.cljs

@@ -669,7 +669,7 @@
 
          (if (and whiteboard-page? (not sidebar?))
            [:div ((state/get-component :whiteboard/tldraw-preview) (:block/uuid page))] ;; FIXME: this is not reactive
-           [:div.relative.grid.gap-8.page-inner
+           [:div.relative.grid.gap-4.sm:gap-8.page-inner
             (when-not (or block? sidebar?)
               [:div.flex.flex-row.space-between
                (when (and (or (mobile-util/native-platform?) (util/mobile?)) (not db-based?))

src/main/frontend/components/repo.cljs

@@ -162,7 +162,8 @@
         repos (remove #(= (:url %) config/demo-repo) repos)
         {remote-graphs true local-graphs false} (group-by (comp boolean :remote?) repos)]
     [:div#graphs
-     [:h1.title (t :graph/all-graphs)]
+     (when-not (util/capacitor-new?)
+       [:h1.title (t :graph/all-graphs)])
 
      [:div.pl-1.content.mt-3