lunanting/qiangdanxitong
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 修复输入框样式，移除不一致的dark-input样式

Browse Source
This commit is contained in:
Your Name 2026-01-06 18:44:00 +08:00
parent 63c8264a9f
commit 1cc25f17d3
1 changed files with 30 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/views/Settings.vue
View File

@ -1081,7 +1081,7 @@
:step="0.1"
:precision="2"
size="large"
class="dark-input"
style="width: 120px"
/>
<span class="input-suffix">分/小时</span>
</div>
@ -5123,34 +5123,42 @@ watch(activeTab, (value) => {
white-space: nowrap;
}
.dark-input {
width: 100px;
background-color: #1f1f1f !important;
border-color: #434343 !important;
color: #fff !important;
:deep(.ant-input-number) {
background-color: #1f1f1f;
border-color: #434343;
color: #fff;
border-radius: 4px;
:deep(.ant-input-number-input) {
color: #fff !important;
background-color: #1f1f1f !important;
.ant-input-number-input {
color: #fff;
background-color: transparent;
}
:deep(.ant-input-number-handler-wrap) {
background-color: #2a2a2a !important;
border-left-color: #434343 !important;
span {
border-bottom-color: #434343 !important;
color: #fff !important;
&:hover {
color: $brand-primary !important;
}
.ant-input-number-handler-wrap {
background: #2a2a2a;
border-left: 1px solid #434343;
}
.ant-input-number-handler {
border-bottom: 1px solid #434343;
&:active {
background: #444;
}
}
&:hover, &:focus, &-focused {
border-color: $brand-primary !important;
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
color: rgba(255, 255, 255, 0.45);
}
&:hover {
border-color: $brand-primary;
}
}
:deep(.ant-input-number-focused) {
border-color: $brand-primary;
box-shadow: 0 0 0 2px rgba(49, 240, 139, 0.2);
}
}