chore: update (#107)

Author: hmbanan666

apps/atrium-telegram/app/components/EpicCard.vue

@@ -1,28 +1,30 @@
 <template>
-  <ActiveCard class="w-full flex flex-col gap-3.5">
-    <UIcon name="i-lucide-crown" class="size-8 text-primary" />
+  <ActiveCard>
+    <div class="w-full flex flex-col gap-3.5">
+      <UIcon name="i-lucide-crown" class="size-8 text-primary" />
 
-    <h3 class="text-lg/5 font-bold">
-      {{ epic.title }}
-    </h3>
+      <h3 class="text-lg/5 font-bold">
+        {{ epic.title }}
+      </h3>
 
-    <div class="w-full text-sm/4 text-muted font-normal whitespace-pre-wrap break-words line-clamp-4">
-      {{ epic.description }}
-    </div>
+      <div class="w-full text-sm/4 text-muted font-normal whitespace-pre-wrap break-words line-clamp-4">
+        {{ epic.description }}
+      </div>
 
-    <div class="flex justify-between items-center">
-      <div class="flex flex-row gap-4">
-        <div class="flex flex-row gap-1.5 items-center text-muted">
-          <UIcon name="i-lucide-message-circle" class="size-5" />
-          <p>{{ epic?.comments.length }}</p>
+      <div class="flex justify-between items-center">
+        <div class="flex flex-row gap-4">
+          <div class="flex flex-row gap-1.5 items-center text-muted">
+            <UIcon name="i-lucide-message-circle" class="size-5" />
+            <p>{{ epic?.comments.length }}</p>
+          </div>
         </div>
-      </div>
 
-      <time
-        :datetime="epic.createdAt"
-        class="text-sm text-muted"
-        v-text="format(new Date(epic.createdAt), 'от d MMMM yyyy', { locale: ru })"
-      />
+        <time
+          :datetime="epic.createdAt"
+          class="text-sm text-muted"
+          v-text="format(new Date(epic.createdAt), 'от d MMMM yyyy', { locale: ru })"
+        />
+      </div>
     </div>
   </ActiveCard>
 </template>

apps/atrium-telegram/app/components/EpicComment.vue

@@ -1,19 +1,19 @@
 <template>
-  <UDropdownMenu
-    :items="items"
-    :ui="{
-      content: 'w-48',
-      item: 'p-2 motion-preset-slide-left motion-duration-200',
-    }"
-    :content="{
-      sideOffset: -32,
-    }"
-  >
-    <div class="flex flex-row gap-2 items-start">
-      <div class="mt-1.5">
-        <UAvatar :src="user?.avatarUrl ?? undefined" />
-      </div>
-      <div class="w-full flex flex-col gap-1.5">
+  <div class="flex flex-row gap-2 items-start">
+    <div class="mt-2.5">
+      <UAvatar :src="user?.avatarUrl ?? undefined" />
+    </div>
+    <div class="w-full flex flex-col gap-1.5">
+      <UDropdownMenu
+        :items="items"
+        :ui="{
+          content: 'w-48',
+          item: 'p-2 motion-preset-slide-left motion-duration-200',
+        }"
+        :content="{
+          sideOffset: -32,
+        }"
+      >
         <ActiveCard>
           <div class="w-full relative flex flex-col justify-between gap-2">
             <div class="flex flex-col gap-1">
@@ -27,17 +27,17 @@
             </div>
           </div>
         </ActiveCard>
+      </UDropdownMenu>
 
-        <div v-if="comment?.notifications?.length" class="flex flex-row flex-wrap gap-1">
-          <UserBeacon
-            v-for="notification in comment.notifications"
-            :key="notification.id"
-            :notification="notification"
-          />
-        </div>
+      <div v-if="comment?.notifications?.length" class="-mt-4 ml-4 flex flex-row flex-wrap gap-1">
+        <UserBeacon
+          v-for="notification in comment.notifications"
+          :key="notification.id"
+          :notification="notification"
+        />
       </div>
     </div>
-  </UDropdownMenu>
+  </div>
 </template>
 
 <script setup lang="ts">

apps/atrium-telegram/app/components/form/CreateEpicCommentBeacon.vue

@@ -81,7 +81,7 @@ const availableMembers = computed(() => {
     },
   }))
 })
-const selectedMembers = ref<FormMember[]>(availableMembers.value.filter((member) => state.value.usersId?.includes(member.value)) ?? [])
+const selectedMembers = ref<FormMember[]>([])
 
 watch(selectedMembers, () => {
   if (!selectedMembers.value) {