From 05b16f54ab39b458658a7b2f5b6a6140c12cb01b Mon Sep 17 00:00:00 2001
From: dakai <oudakai@gmail.com>
Date: Sat, 5 Oct 2024 17:04:27 +0800
Subject: [PATCH] style(chat.module.scss): improve styling for chat module
 components

---
 app/components/chat.module.scss | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss
index 33668ed53..30f0b94cc 100644
--- a/app/components/chat.module.scss
+++ b/app/components/chat.module.scss
@@ -56,29 +56,24 @@
   //bottom: 32px;
   display: flex;
   flex-direction: column;
-  row-gap: 11px;
+  //row-gap: 11px;
+  height: 64px;
 }
 
 .attach-file {
   cursor: default;
   display: flex;
-  //flex-direction: row;
+  flex-direction: row;
   column-gap: 4px;
-  //justify-content: flex-start;
+  justify-content: flex-start;
   color: var(--black);
   font-size: 14px;
-  //width: 64px;
-  //width: 14px;
-  height: 14px;
-  //border: rgba($color: #888, $alpha: 0.2) 1px solid;
   border-radius: 5px;
   margin-right: 10px;
-  //background-size: cover;
-  //background-position: center;
-  //background-color: var(--white);
-  
+
   .attach-file-icon {
-    width: 32px;
+    min-width: 16px;
+    max-width: 16px;
   }
 
   .attach-image-mask {
@@ -96,9 +91,6 @@
     width: 24px;
     height: 24px;
     cursor: pointer;
-    //display: flex;
-    //align-items: center;
-    //justify-content: center;
     border-radius: 5px;
     float: left;
     background-color: var(--white);