enhance(css): make icon slightly bigger

samuelbaizg · Nov 19, 2021 · d96dfd8 · d96dfd8
1 parent a366320
commit d96dfd8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/main/frontend/components/header.cljs b/src/main/frontend/components/header.cljs
@@ -26,12 +26,14 @@
             [frontend.mobile.util :as mobile-util]
             [frontend.components.widgets :as widgets]))
 
+(defonce icon-size (if (mobile-util/is-native-platform?) 23 20))
+
 (rum/defc home-button []
   (ui/with-shortcut :go/home "left"
     [:a.button
      {:href     (rfe/href :home)
       :on-click route-handler/go-to-journals!}
-     (ui/icon "home" {:style {:fontSize 20}})]))
+     (ui/icon "home" {:style {:fontSize icon-size}})]))
 
 (rum/defc login
   [logged?]
@@ -62,7 +64,7 @@
     [:a#left-menu.cp__header-left-menu.button
      {:on-click on-click
       :style {:margin-left 12}}
-     (ui/icon "menu-2" {:style {:fontSize 20}})]))
+     (ui/icon "menu-2" {:style {:fontSize icon-size}})]))
 
 (rum/defc dropdown-menu < rum/reactive
   [{:keys [me current-repo t default-home]}]
@@ -76,7 +78,7 @@
      (fn [{:keys [toggle-fn]}]
        [:a.button
         {:on-click toggle-fn}
-        (ui/icon "dots" {:style {:fontSize 20}})])
+        (ui/icon "dots" {:style {:fontSize icon-size}})])
      (->>
       [(when-not (state/publishing-enable-editing?)
          {:title (t :settings)
@@ -124,12 +126,12 @@
    (ui/with-shortcut :go/backward "bottom"
      [:a.it.navigation.nav-left.button
       {:title "Go back" :on-click #(js/window.history.back)}
-      (ui/icon "arrow-left")])
+      (ui/icon "arrow-left" {:style {:fontSize icon-size}})])
 
    (ui/with-shortcut :go/forward "bottom"
      [:a.it.navigation.nav-right.button
       {:title "Go forward" :on-click #(js/window.history.forward)}
-      (ui/icon "arrow-right")])])
+      (ui/icon "arrow-right" {:style {:fontSize icon-size}})])])
 
 (rum/defc updater-tips-new-version
   [t]
@@ -173,7 +175,8 @@
                            (when-let [target (.-target e)]
                              (when (and (util/electron?)
                                         (or (.. target -classList (contains "cp__header"))))
-                               (js/window.apis.toggleMaxOrMinActiveWindow))))}
+                               (js/window.apis.toggleMaxOrMinActiveWindow))))
+        :style {:fontSize 50}}
        [:div.l.flex
         (left-menu-button {:on-click (fn []
                                        (open-fn)
@@ -184,7 +187,7 @@
           (ui/with-shortcut :go/search "right"
             [:a.button#search-button
              {:on-click #(state/pub-event! [:go/search])}
-             (ui/icon "search" {:style {:fontSize 20}})]))]
+             (ui/icon "search" {:style {:fontSize icon-size}})]))]
 
        [:div.r.flex
         (when (and (not (mobile-util/is-native-platform?))

diff --git a/src/main/frontend/components/sidebar.cljs b/src/main/frontend/components/sidebar.cljs
@@ -310,7 +310,7 @@
         (ui/with-shortcut :go/search "right"
           [:a.button#search-button
            {:on-click #(state/pub-event! [:go/search])}
-           (ui/icon "search" {:style {:fontSize 20}})])]])
+           (ui/icon "search" {:style {:fontSize header/icon-size}})])]])
     [:div.flex-1.h-0.overflow-y-auto
      (sidebar-nav route-match close-fn)]]])