fix: tickets

src/features/student/services/components/modals/ServiceDetailsModal.vue

@@ -1,17 +1,20 @@
 <template>
-  <BasicModal width="95%" max-width="58rem" min-width="auto" :show-close-button="true">
+  <BasicModal
+    title="جزئیات درخواست"
+    title-en="Request details"
+    width="95%"
+    max-width="58rem"
+    min-width="auto"
+    :show-close-button="true"
+  >
     <template #default>
       <div class="sdm">
-        <header class="sdm__header">
-          <LineTitleBlock title="جزئیات درخواست" title-en="Request details" />
-        </header>
-
         <SkeletonLoaderBlock v-if="isLoading && !service" :rows="2" :cols-per-row="1" />
 
         <template v-else-if="service">
           <div class="sdm__top">
-            <Badge :variant="statusVariant" size="sm" dot :value="statusLabel" />
             <span class="sdm__date">{{ requestDate }}</span>
+            <Badge :variant="statusVariant" size="sm" dot :value="statusLabel" />
           </div>
 
           <div v-if="messages.length > 0" class="sdm__messages">
@@ -36,7 +39,6 @@ import useModal from '@/composables/useModal'
 import BasicModal from '@/components/BasicModal.vue'
 import NoItems from '@/components/blocks/NoItems.vue'
 import { formatJalaaliDate } from '@/utils/date-utils'
-import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import { useStudentTicketQuery } from '@/services/query/student-tickets'
 import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
 
@@ -83,15 +85,9 @@ const messageTime = (message) => {
   padding-block: 0.25rem 0.5rem;
   text-align: start;
 
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-  }
-
   &__top {
     display: flex;
-    align-items: center;
+    align-items: flex-end;
     justify-content: space-between;
     gap: 0.75rem;
     flex-wrap: wrap;
@@ -118,7 +114,7 @@ const messageTime = (message) => {
     position: relative;
     background: #f6f6f6;
     padding: 1rem 1rem 1.5rem;
-    border-radius: 0.75rem 0.75rem 0 0.75rem;
+    border-radius: 0.75rem 0.75rem 0;
     color: #454545;
   }