Dialog title fix

Author: AntonL9vov

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue3-hive-ui-kit",
   "private": false,
-  "version": "0.7.28",
+  "version": "0.7.29",
   "type": "module",
   "description": "UI kit for Vue 3",
   "files": [

src/components/hive-dialog/hive-dialog.vue

@@ -126,6 +126,21 @@ $dialog-width-min: 100px;
     flex-direction: column;
     color: var(--text, $text);
   }
+
+  &__title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 5px;
+
+    &-text {
+      font-size: 20px;
+    }
+
+    &-close {
+      cursor: pointer;
+    }
+  }
 }
 
 .backdrop-enter-active {

src/examples/components/all-widgets.vue

@@ -780,12 +780,7 @@ const optionsObject1 = {
       <widget-wrapper title="Modal">
         <hive-button @click="isOpenModal = true" />
 
-        <hive-dialog v-model="isOpenModal" :hive-theme="dark ? 'dark' : 'light'" withCloseButton title="Hello world">
-          <template #header>
-            <!-- <hive-button title="close" /> -->
-            ривэд эдвэд
-            FFFFFFFFFFFFFddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
-          </template>
+        <hive-dialog v-model="isOpenModal" :hive-theme="dark ? 'dark' : 'light'" with-close-button title="Hello world">
 
           Hello