enhance(capacitor): polish styles

src/main/capacitor/components/app.cljs

@@ -57,9 +57,9 @@
                                                            (repo-handler/new-db! db-name)))
                                                        (when (string/starts-with? role "logseq_db_")
                                                          (fstate/pub-event! [:graph/switch role])))))})))}
-       [:span.flex.items-center.gap-2.opacity-95
-        (ion/tabler-icon "database" {:size 20})
-        [:strong.overflow-hidden.text-ellipsis.block.font-bold
+       [:span.flex.items-center.gap-2.opacity-95.pt-1
+        (ion/tabler-icon "database" {:size 22})
+        [:strong.overflow-hidden.text-ellipsis.block.font-semibold
          {:style {:max-width "40vw"}}
          short-repo-name]])]))
 

src/main/capacitor/components/app.css

@@ -1,10 +1,3 @@
-/* html, body { */
-/*   @apply text-[18px] leading-6 min-h-[unset]; */
-/* } */
-/* #root { */
-/*   @apply p-4; */
-/* } */
-
 html.plt-capacitor.plt-android {
   --ion-safe-area-top: 42px;
   --ion-safe-area-bottom: 16px;
@@ -70,6 +63,19 @@ ion-buttons {
   }
 }
 
+ion-tab-bar {
+  box-shadow: 0 0 1px #999999;
+  padding-top: 2px;
+
+  ion-tab-button {
+    @apply opacity-70;
+
+    &.tab-selected {
+      @apply opacity-100 text-accent-11 font-semibold;
+    }
+  }
+}
+
 [type='text']:focus, [type='email']:focus, [type='url']:focus,
 [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus,
 [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus,