style: update rich text style

Author: ziyujiahao

frontend/src/views/dashboard/canvas/DragHandle.vue

@@ -6,7 +6,7 @@ defineProps({
     type: Array as PropType<number[]>,
     required: false,
     // eslint-disable-next-line vue/require-valid-default-prop
-    default: [12, 12, 12, 12],
+    default: [16, 16, 16, 16],
   },
 })
 

frontend/src/views/dashboard/components/sq-text/index.vue

@@ -1,19 +1,21 @@
 <template>
   <div class="rich-main-class" :class="{ 'edit-model': configItem.editing }" draggable="false">
     <div
+      v-if="isDisabled"
       draggable="false"
-      :class="{ 'custom-text-content': true, 'preview-text': true, 'layer-hidden': !isDisabled }"
+      :class="{ 'custom-text-content': true, 'preview-text': true }"
       @keydown.stop
       @keyup.stop
       @mousedown.stop
       @dblclick.stop="setEdit"
       v-html="configItem.propValue"
     ></div>
     <editor
+      v-else
       :id="tinymceId"
       v-model="configItem.propValue"
       draggable="false"
-      :class="{ 'custom-text-content': true, 'layer-hidden': isDisabled }"
+      :class="{ 'custom-text-content': true }"
       :init="init"
     ></editor>
   </div>