bdzl2/bxztApp
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(screen): 更新文本区域样式以使用box-shadow代替border

Browse Source
This commit is contained in:
Zzc 2025-11-24 12:45:58 +08:00
parent aabd46fcac
commit 8fdc23d76d
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue
View File

@ -707,22 +707,24 @@ const handleDeletePlan = (id) => {
:deep(.el-textarea__inner) { :deep(.el-textarea__inner) {
background: #052044 !important; background: #052044 !important;
border: 1px solid rgba(28, 161, 255, 0.3) !important; border: none !important;
box-shadow: 0 0 0 1px rgba(28, 161, 255, 0.3) inset !important;
border-radius: vw(4); border-radius: vw(4);
color: var(--text-white); color: var(--text-white);
font-size: fs(13); font-size: fs(13);
font-family: SourceHanSansCN-Regular, sans-serif; font-family: SourceHanSansCN-Regular, sans-serif;
line-height: 1.6; line-height: 1.6;
padding: vh(8) vw(12); padding: vh(8) vw(12);
transition: border-color 0.3s ease; transition: box-shadow 0.3s ease;
&:hover { &:hover {
border-color: var(--primary-color) !important; box-shadow: 0 0 0 1px var(--primary-color) inset !important;
} }
&:focus { &:focus,
border-color: var(--primary-color) !important; &:focus-visible {
box-shadow: none !important; box-shadow: 0 0 0 1px var(--primary-color) inset !important;
outline: none !important;
} }
&::placeholder { &::placeholder {
@ -835,22 +837,24 @@ const handleDeletePlan = (id) => {
.follow-up-textarea { .follow-up-textarea {
:deep(.el-textarea__inner) { :deep(.el-textarea__inner) {
background: #052044 !important; background: #052044 !important;
border: 1px solid rgba(28, 161, 255, 0.3) !important; border: none !important;
box-shadow: 0 0 0 1px rgba(28, 161, 255, 0.3) inset !important;
border-radius: vw(4); border-radius: vw(4);
color: var(--text-white); color: var(--text-white);
font-size: fs(13); font-size: fs(13);
font-family: SourceHanSansCN-Regular, sans-serif; font-family: SourceHanSansCN-Regular, sans-serif;
line-height: 1.8; line-height: 1.8;
padding: vh(10) vw(14); padding: vh(10) vw(14);
transition: border-color 0.3s ease; transition: box-shadow 0.3s ease;
&:hover { &:hover {
border-color: var(--primary-color) !important; box-shadow: 0 0 0 1px var(--primary-color) inset !important;
} }
&:focus { &:focus,
border-color: var(--primary-color) !important; &:focus-visible {
box-shadow: none !important; box-shadow: 0 0 0 1px var(--primary-color) inset !important;
outline: none !important;
} }
&::placeholder { &::placeholder {