Feat: record audio on mobile (#4766)

* feat(audio): render audio link as component

* refactor frontend/component/block/inline

* fix audio component on mobile

* Fix(iOS): allow clock to replay audio

* feat(mobile): audio record

* add permission request code on record

* rename `editor/recording?` to `editor/record-status`

* move `get-asset-path` into handler/editor.cljs

* add android settings

* support sharing audio file from some apps

* enhance(record): insert audio link in a new block if non-editing

* feat(audio): allow cancelling record

* fix lints

* feat(iOS): add a tab bar

* tweak some css on mobile

* fix lints

* fix https://github.com/logseq/logseq/issues/4798

* enable tab bar on Android

* fix landscape height of tab bar

* add :reuse-last-block? option

* dont't show tab bar when editing mirror code

* tweak code-editor css

* increase width for more functional buttons

* fix card preview css on iPad

* add document-mode to tab bar

* remove tabbar when editing code and tweak textarea resize cursor behavior

* reduce SplashScreen launch screen duration

* don't show tabbar when editing page title

* enhance: float timer

* fix lint

* fix tabbar height on iPhone without notch

* remove .embed-page width

* fix lint

Co-authored-by: Andelf <andelf@gmail.com>

src/main/frontend/ui.css

@@ -146,22 +146,50 @@
           }
       }
   }
+
+  &[label="flashcards__cp"] {
+      .panel-content {
+          padding: 2rem 0rem;
+          
+          @screen sm {
+              padding: 2rem 2rem;
+          }
+      }
+  }
 }
 
 html.is-native-andorid,
 html.is-native-iphone,
 html.is-native-iphone-without-notch
 {
-    .references .foldable-title {
-        margin-left: 0px
-    }
-
-    .cards-review .block-control {
-        margin-left: -24px;
+    .references  {
+        .blocks-container {
+            transform: translateX(-8px);
+            width: 104%;
+        }
     }
 
     .ls-card {
-        min-height: 75vh;
+        min-height: 65vh;
+    }
+
+    .ui__modal {
+        &[label="flashcards__cp"] {
+            .panel-content {
+                padding: 2rem 1rem 1rem;
+                width: 90vw;
+
+                .cards-review {
+                    padding-left: 0px;
+                    padding-right: 0px;
+                }
+
+                .blocks-container {
+                    transform: translateX(-7px);
+                    width: 103%;
+                }
+            }
+        }
     }
 }