style

src/components/QmDialog.vue

@@ -10,7 +10,7 @@
         class="tw-flex tw-place-content-between"
         @mousedown="handleDragMouseDown"
       >
-        <div class="tw-text-2xl tw-cursor-move">{{ title }}</div>
+        <div class="tw-text-2xl tw-cursor-move tw-flex-grow">{{ title }}</div>
         <a-button shape="circle" @click="$emit('close')">
           <template #icon><CloseOutlined /></template>
         </a-button>
@@ -168,6 +168,7 @@ export default defineComponent({
   background-color: white;
   border: 1px solid grey;
   border-radius: 5px;
+  box-shadow: 4px 6px 2px grey;
 }
 .resize-handler {
   position: absolute;