UI-323: Fixed RichText bugs (#332)

Co-authored-by: Ghita Nekt <ghitanekt@admins-MacBook-Pro.local>
youcan-shop · Apr 18, 2024 · 2c425a9 · 2c425a9
1 parent e3cbccd
commit 2c425a9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 29 deletions.
diff --git a/packages/vue3/src/_dev/App.vue b/packages/vue3/src/_dev/App.vue
@@ -2,40 +2,14 @@
 import 'uno.css';
 import '../assets/main.css';
 import { ref } from 'vue';
-import { Badge, Divider, DropdownMenu, DropdownMenuItem } from '~/components';
+import { RichText } from '~/components';
 
-const imgSrc = ref('https://i.imgur.com/61WTxIG.jpg');
+const content = ref();
 </script>
 
 <template>
   <div class="container">
-    <DropdownMenu position="bottom">
-      <div class="avatar">
-        <img :src="imgSrc" alt="avatar" srcset="">
-      </div>
-      <template #MenuItems>
-        <DropdownMenuItem label="Account" />
-        <Divider thickness="light" />
-        <DropdownMenuItem label="With accessory">
-          <template #accessory>
-            <i class="i-youcan:rocket-launch" />
-          </template>
-        </DropdownMenuItem>
-        <DropdownMenuItem label="With Badge">
-          <template #icon>
-            <Badge state="success" :size="20">
-              Badge
-            </Badge>
-          </template>
-        </DropdownMenuItem>
-        <DropdownMenuItem label="Notification" />
-        <DropdownMenuItem label="Logout" class="custom-class">
-          <template #icon>
-            <i class="i-youcan:sign-out" />
-          </template>
-        </DropdownMenuItem>
-      </template>
-    </DropdownMenu>
+    <RichText v-model="content" />
   </div>
 </template>
 

diff --git a/packages/vue3/src/components/RichText/RichText.vue b/packages/vue3/src/components/RichText/RichText.vue
@@ -103,6 +103,11 @@ onMounted(() => {
   border-radius: 0 0 8px 8px;
 }
 
+.ql-container.ql-snow {
+  height: auto;
+  background-color: var(--base-white);
+}
+
 .rich-text {
   border: 1px solid var(--gray-200);
   border-radius: 8px;