enhance(ui): polish ui details for the preview editor

src/main/frontend/components/block.cljs

@@ -732,7 +732,7 @@
                                  (let [redirect-page-name (or (and page-name (model/get-redirect-page-name page-name (:block/alias? config)))
                                                             page-name)]
                                    (when redirect-page-name
-                                     [:div.tippy-wrapper.p-4.outline-none.rounded-md
+                                     [:div.tippy-wrapper.as-page
                                       {:ref *el-popup
                                        :tab-index -1
                                        :style {:width 600
@@ -963,7 +963,7 @@
         *timer1 (rum/use-ref nil)                           ;; hide
         [visible? set-visible!] (rum/use-state nil)
         _ #_:clj-kondo/ignore (rum/defc render []
-                                [:div.tippy-wrapper
+                                [:div.tippy-wrapper.as-block
                                  {:style {:width 600
                                           :font-weight 500
                                           :text-align "left"}

src/main/frontend/components/page.css

@@ -258,6 +258,14 @@ html.is-native-ios {
   @apply pl-6;
 
   .tippy-wrapper {
-    @apply -ml-5;
+    @apply p-2;
+
+    &.as-page {
+      @apply -ml-5 pl-7 outline-none;
+    }
+
+    &.as-block {
+      @apply -ml-5;
+    }
   }
 }