Browse Source

fix dialog appearance

Olivier Massot 6 tháng trước cách đây
mục cha
commit
3ba28d2422
1 tập tin đã thay đổi với 6 bổ sung6 xóa
  1. 6 6
      components/Layout/Dialog.vue

+ 6 - 6
components/Layout/Dialog.vue

@@ -14,8 +14,8 @@
         "
       >
         <h3 :class="'d-flex theme-' + theme">
-          <v-icon icon="fa-solid fa-bullhorn" />
-          <slot name="dialogType" />
+          <v-icon icon="fa-solid fa-bullhorn" width="25" htight="25"/>
+          <span class="pt-4"><slot name="dialogType"/></span>
         </h3>
       </div>
 
@@ -81,14 +81,14 @@ const _show = computed(() => props.show) as boolean
   h3 {
     font-weight: normal;
     writing-mode: vertical-lr;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
+    transform: rotate(-180deg);
+    padding-left: 6px;
   }
 
   .v-icon {
     font-size: 25px;
+    transform: rotate(90deg);
+    padding-right: 25px;
   }
 }