Browse Source

enhance(capacitor): polish blocks list

charlie 5 months ago
parent
commit
8e0912c947
1 changed files with 29 additions and 9 deletions
  1. 29 9
      src/main/capacitor/components/app.css

+ 29 - 9
src/main/capacitor/components/app.css

@@ -1,3 +1,8 @@
+:root {
+  --ls-page-title-size: 26px;
+  --ion-color-primary: #000000;
+}
+
 html.plt-capacitor.plt-android {
   --ion-safe-area-top: 42px;
   --ion-safe-area-bottom: 16px;
@@ -20,6 +25,10 @@ html.plt-capacitor.plt-android {
   }
 }
 
+.page {
+  @apply px-3;
+}
+
 ul {
   @apply !list-disc ml-1 mt-2 list-inside;
 
@@ -48,6 +57,12 @@ ion-buttons {
   }
 }
 
+.sc-ion-buttons-md {
+  &.text-muted-foreground {
+    @apply text-gray-600;
+  }
+}
+
 .app-login-modal {
   @apply mx-8 p-0;
 }
@@ -82,18 +97,23 @@ ion-tab-bar {
   }
 }
 
+ion-content {
+  .ls-page-blocks {
+    @apply px-1;
+  }
+
+  .block-main-container {
+    &[data-has-heading] {
+      > .block-control-wrap {
+        @apply static;
+      }
+    }
+  }
+}
+
 [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,
 [multiple]:focus, textarea:focus, select:focus {
   box-shadow: none;
 }
-
-.page {
-  @apply px-3;
-}
-
-:root {
-  --ls-page-title-size: 26px;
-  --ion-color-primary: #000000;
-}