yexuejc007/rubick
1
0
Fork 0
mirror of https://github.com/rubickCenter/rubick synced 2025-07-19 14:19:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

🎨 fit search input style

Browse Source
This commit is contained in:
layyback 2023-03-26 19:33:50 +08:00
parent 3fded762df
commit 77d3d00f7a
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/components/search.vue
View File

@ -226,7 +226,7 @@ window.rubick.hooks.onHide = () => {
.rubick-select { .rubick-select {
display: flex; display: flex;
padding-left: 10px; padding-left: 10px;
background: #fff; background: var(--color-body-bg);
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -259,12 +259,15 @@ window.rubick.hooks.onHide = () => {
border: none; border: none;
outline: none; outline: none;
box-shadow: none !important; box-shadow: none !important;
background: var(--color-body-bg);
.ant-select-selection, .ant-select-selection,
.ant-input, .ant-input,
.ant-select-selection__rendered { .ant-select-selection__rendered {
height: 100% !important; height: 100% !important;
font-size: 22px; font-size: 22px;
border: none !important; border: none !important;
background: var(--color-body-bg);
color: var(--color-text-primary);
} }
} }
.rubick-logo, .rubick-logo,
@ -281,7 +284,7 @@ window.rubick.hooks.onHide = () => {
} }
} }
.icon-tool { .icon-tool {
background: #fff; background: var(--color-input-hover);
} }
.ant-input:focus { .ant-input:focus {
border: none; border: none;
@ -294,6 +297,7 @@ window.rubick.hooks.onHide = () => {
font-size: 26px; font-size: 26px;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
color: var(--color-text-content);
} }
.loading { .loading {
color: #ff4ea4; color: #ff4ea4;
@ -310,7 +314,7 @@ window.rubick.hooks.onHide = () => {
position: relative; position: relative;
align-items: center; align-items: center;
display: flex; display: flex;
border: 1px solid #e6e6e6; border: 1px solid var(--color-border-light);
padding: 0 8px; padding: 0 8px;
margin-right: 12px; margin-right: 12px;
img { img {