style(chat.module.scss): improve styling for chat module components

This commit is contained in:
dakai 2024-10-05 17:04:27 +08:00
parent 4f978d3600
commit 05b16f54ab
1 changed files with 7 additions and 15 deletions

View File

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