diff options
| author | Larvan2 <[email protected]> | 2025-12-27 23:09:56 +0800 |
|---|---|---|
| committer | Larvan2 <[email protected]> | 2025-12-27 23:09:56 +0800 |
| commit | e3f02d21a942dbab75a50bf91c9ed257b9d24971 (patch) | |
| tree | 6c017fbaa70063406a9c296c37d0b7eabdcec90b /src/components/shared/Select.module.scss | |
| parent | e041c1975376247a1d43b650e68289ec974a182c (diff) | |
chore: adjust style
Diffstat (limited to 'src/components/shared/Select.module.scss')
| -rw-r--r-- | src/components/shared/Select.module.scss | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/src/components/shared/Select.module.scss b/src/components/shared/Select.module.scss index 1240e2f..1c42c60 100644 --- a/src/components/shared/Select.module.scss +++ b/src/components/shared/Select.module.scss @@ -1,29 +1,32 @@ .select { - height: 35px; + height: 38px; line-height: 1.5; width: 100%; - font-size: small; - padding-left: 15px; + font-size: 0.95em; + padding-left: 14px; appearance: none; background-color: var(--color-input-bg); color: var(--color-text); - padding-right: 20px; - border-radius: 4px; - border: 1px solid var(--color-input-border); + padding-right: 34px; + border-radius: 8px; + border: 1px solid transparent; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06); background-image: url(data:image/svg+xml,%0A%20%20%20%20%3Csvg%20width%3D%228%22%20height%3D%2224%22%20viewBox%3D%220%200%208%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%207L7%2011H1L4%207Z%22%20fill%3D%22%23999999%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2017L1%2013L7%2013L4%2017Z%22%20fill%3D%22%23999999%22%20%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20); - background-position: right 8px center; + background-position: right 12px center; background-repeat: no-repeat; + transition: all 0.2s ease; } .select:hover, .select:focus { - border-color: rgb(52, 52, 52); + border-color: var(--color-focus-blue); outline: none !important; color: var(--color-text-highlight); - background-image: var(--select-bg-hover); + transform: translateY(-1px); } .select:focus { - box-shadow: rgba(66, 153, 225, 0.6) 0px 0px 0px 3px; + transform: translateY(0); + box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15); } .select option { |