blur header height and line category fix

2023-12-28 13:27:14 +01:00
2 changed files with 4 additions and 2 deletions
@@ -3,6 +3,7 @@
    [oops.core :as oops]
    [quo.core :as quo]
    [react-native.core :as rn]
+    [react-native.platform :as platform]
    [react-native.reanimated :as reanimated]
    [reagent.core :as reagent]
    [status-im.common.scroll-page.style :as style]
@@ -59,7 +60,7 @@
        [rn/view {:style {:margin-top 0}}
         top-nav]
        [quo/page-nav
-         (cond-> {:margin-top     44
+         (cond-> {:margin-top     (if platform/ios? 44 40)
                  :type           :no-title
                  :background     (if (= 1 (reanimated/get-shared-value opacity-animation))
                                    :blur
@@ -1,6 +1,7 @@
 (ns status-im.contexts.communities.overview.style
  (:require
    [quo.foundations.colors :as colors]
+    [react-native.platform :as platform]
    [status-im.contexts.shell.jump-to.constants :as jump-to.constants]))

 (def screen-horizontal-padding 20)
@@ -23,7 +24,7 @@

 (def blur-channel-header
  {:position :absolute
-   :top      100
+   :top      (if platform/ios? 100 96)
   :height   34
   :right    0
   :left     0