logseq/src/main/capacitor/components/app.css

/* html, body { */
/*   @apply text-[18px] leading-6 min-h-[unset]; */
/* } */
/* #root { */
/*   @apply p-4; */
/* } */

/* @media (platform: android) { */
/*   ion-content { */
/*     --ion-safe-area-top: 25px; */
/*   } */
/* } */

/* html.plt-capacitor.plt-iphone { */
/*   --ion-safe-area-top: 40px; */

/*   ion-toolbar { */
/*     @apply my-1 py-1; */
/*   } */
/* } */

html.plt-capacitor.plt-android {
  --ion-safe-area-top: 40px;

  ion-button, ion-tab-button {
    --ripple-color: rgba(0, 0, 0, .08); /* 设置涟漪颜色为透明 */
  }

  ion-app {
    margin-top: 0;
  }

  ion-nav {
    .header-md {
      box-shadow: 0 2px 8px #eee;
      border-bottom: .5px solid rgba(0, 0, 0, .15);
    }
  }
}

ul {
  @apply !list-disc ml-1 mt-2 list-inside;

  li {
    @apply pl-0;
  }
}

ion-textarea {
  textarea {
    @apply !p-1 min-h-[120px];
  }
}

.ui__notifications {
  @apply fixed top-8 pointer-events-none w-full;

  z-index: 9999;

  &-content {
    @apply inset-0 flex items-end justify-center px-4 py-2
    pointer-events-none sm:px-6 sm:py-2 sm:items-start sm:justify-end;
  }

  .notification-area {
    @apply border;

    background-color: var(--ion-color-light-tint);
  }
}

[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;
}

:root {
    --ls-page-title-size: 26px;
    --ion-color-primary: #000000;
}