优化搜索框样式，来自[keyboardreamer]#62的合并

2024-01-14 11:49:42 +08:00
parent 57640d9417 f377898c0e
commit d151accef9
3 changed files with 10 additions and 6 deletions
@@ -171,12 +171,16 @@ onMounted(() => {
 <style scoped>
 .search-container {
  border: 1px solid #ccc;
-  transition: border-color 0.5s;
+  transition: box-shadow 0.5s,backdrop-filter 0.5s;
  padding: 2px 10px;
+  backdrop-filter:blur(2px)
 }

-.focused {
-  border-color: white;
+.focused, .search-container:hover {
+  box-shadow: 0px 0px 30px -5px rgba(41, 41, 41, 0.45);
+  -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.45);
+  -moz-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.45);
+  backdrop-filter:blur(5px)
 }

 .before {