enhance(css): make icon slightly bigger

This commit is contained in:
leizhe
2021-11-19 19:32:52 +08:00
parent a366320b8c
commit d96dfd88cd
2 changed files with 11 additions and 8 deletions

View File

@@ -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?))

View File

@@ -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)]]])