revert: Next bubble improvements (#10795)

app/javascript/dashboard/components-next/message/bubbles/Email/Index.vue

@@ -60,7 +60,7 @@ const textToShow = computed(() => {
     <EmailMeta
       class="p-3"
       :class="{
-        'border-b border-n-slate-6': isIncoming,
+        'border-b border-n-strong': isIncoming,
         'border-b border-n-slate-8/20': isOutgoing,
       }"
     />
@@ -73,7 +73,7 @@ const textToShow = computed(() => {
       >
         <div
           v-if="isExpandable && !isExpanded"
-          class="absolute left-0 right-0 bottom-0 h-40 px-8 flex items-end bg-gradient-to-t from-n-slate-4 via-n-strong/50 to-transparent dark:from-n-slate-5 dark:via-n-slate-4/50"
+          class="absolute left-0 right-0 bottom-0 h-40 px-8 flex items-end bg-gradient-to-t from-n-gray-3 via-n-gray-3 via-20% to-transparent"
         >
           <button
             class="text-n-slate-12 py-2 px-8 mx-auto text-center flex items-center gap-2"
@@ -127,10 +127,7 @@ const textToShow = computed(() => {
       v-if="Array.isArray(attachments) && attachments.length"
       class="px-4 pb-4 space-y-2"
     >
-      <AttachmentChips
-        :attachments="attachments"
-        class="flex flex-col gap-2.5"
-      />
+      <AttachmentChips :attachments="attachments" class="gap-1" />
     </section>
   </BaseBubble>
 </template>