Design fixes for profile options (#15966)

design fixes for profile options

src/quo2/components/drawers/action_drawers/view.cljs

@@ -8,7 +8,7 @@
 (defn- get-icon-color
   [danger? override-theme]
   (if danger?
-    colors/danger-50
+    colors/danger-60
     (colors/theme-colors colors/neutral-50 colors/neutral-40 override-theme)))
 
 (def divider

src/status_im2/common/bottom_sheet/view.cljs

@@ -73,7 +73,7 @@
                 (styles/sheet insets window-height override-theme shell?))}
 
        (when shell?
-         [blur/view
+         [blur/ios-view
           {:style styles/shell-bg}])
 
        (when selected-item

src/status_im2/contexts/onboarding/profiles/view.cljs

@@ -69,7 +69,8 @@
 (defn show-profile-options
   [key-uid context]
   (rf/dispatch [:show-bottom-sheet
-                {:content (fn [] [profile-options key-uid context])}]))
+                {:content (fn [] [profile-options key-uid context])
+                 :shell?  true}]))
 
 (defn profile-card
   [{:keys [name key-uid customization-color keycard-pairing last-index set-hide-profiles]

src/status_im2/navigation/view.cljs

@@ -69,12 +69,17 @@
         (when js/goog.DEBUG
           [reloader/reload-view])]))))
 
+; Designs require bottom inset to be bigger than safe area, otherwise it is too close to the bottom
+(defn bottom-sheet-insets
+  []
+  (assoc (safe-area/get-insets) :bottom 55))
+
 (def bottom-sheet
   (reagent/reactify-component
    (fn []
      (let [{:keys [sheets hide?]} (rf/sub [:bottom-sheet])
            sheet                  (last sheets)
-           insets                 (safe-area/get-insets)]
+           insets                 (bottom-sheet-insets)]
        ^{:key (str "sheet" @reloader/cnt)}
        [:<>
         [inactive]