zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 输入框的样式调整

Browse Source
This commit is contained in:
zoujing
2025-10-14 21:53:23 +08:00
parent f1e009d656
commit b97c836f97
8 changed files with 51 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/pages/index/components/chat/ChatInputArea/styles/index.scss
View File

@@ -1,10 +1,10 @@
.area-input {
display: flex;
align-items: center;
border-radius: 22px;
border-radius: 24px;
background-color: $uni-bg-color;
box-shadow: 0px 0px 20px 0px rgba(52, 25, 204, 0.05);
margin: 0 12px;
margin: 0 20px;
margin-bottom: 8px;
.input-container-voice {
@@ -12,12 +12,12 @@
align-items: center;
justify-content: center;
align-self: flex-end;
width: 44px;
height: 44px;
width: 48px;
height: 48px;
.voice-icon {
width: 22px;
height: 22px;
width: 24px;
height: 24px;
}
}
@@ -45,20 +45,39 @@
align-items: center;
justify-content: center;
align-self: flex-end;
width: 44px;
height: 44px;
width: 48px;
height: 48px;
.input-container-send-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
width: 36px;
height: 36px;
border-radius: 50%;
background: radial-gradient(
39% 39% at 97% 81%,
#79dffb 0%,
rgba(138, 227, 252, 0) 100%
),
radial-gradient(
54% 54% at 3% 70%,
#8afcf8 0%,
rgba(138, 252, 248, 0) 100%
),
#2d91ff;
}
.send-icon {
width: 28px;
height: 28px;
width: 24px;
height: 24px;
}
.send-stop {
width: 12px;
height: 12px;
background: #ffffff;
border-radius: 4px;
}
}