enhance(capacitor): toolbar for ios

src/main/capacitor/app.cljs

@@ -214,14 +214,13 @@
              (ionic/ion-menu-button)
              (ionic/ion-button {:class "opacity-90"} (ionic/tabler-icon "search" {:size 22 :stroke 2})))
 
-           (ionic/ion-button
-             {:slot "end"
-              :fill "clear"}
-             (ionic/ion-nav-link
-               {:routerDirection "forward"
-                :class "w-full"
-                :component settings/page}
-               (ionic/tabler-icon "upload" {:size 24 :class "opacity-70"})))))
+           (ionic/ion-buttons {:slot "end"}
+             (ionic/ion-button {:fill "clear"}
+               (ionic/ion-nav-link
+                 {:routerDirection "forward"
+                  :class "w-full"
+                  :component settings/page}
+                 (ionic/tabler-icon "upload" {:size 24 :class "opacity-70"}))))))
        ;; main content
        (if db-restoring?
          (ionic/ion-content

src/main/capacitor/app.css

@@ -8,6 +8,10 @@
   }
 }
 
+html.plt-capacitor.plt-iphone {
+  --ion-safe-area-top: 40px;
+}
+
 html.plt-capacitor.plt-android {
   --ion-safe-area-top: 40px;
 
@@ -27,6 +31,10 @@ html.plt-capacitor.plt-android {
   }
 }
 
+ion-toolbar {
+  @apply my-1 py-1;
+}
+
 ul {
   @apply !list-disc ml-1 mt-2 list-inside;