From 750ca1e71f1eb0511e7d8bd38d284fef0aa38602 Mon Sep 17 00:00:00 2001
From: "wkylin.w@gmail.com" <wkylin.w@gmail.com>
Date: Wed, 15 Jan 2025 16:45:59 +0800
Subject: [PATCH] feat: fix css

---
 .../stateful/CheckableTags/index.module.less       |  1 -
 .../stateless/AnimateRipple/index.module.less      |  1 -
 .../stateless/AnimateWave/index.module.less        |  4 ++--
 src/pages/home/index.module.less                   | 14 ++++++++++----
 src/pages/motion/index.module.less                 |  1 -
 5 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/stateful/CheckableTags/index.module.less b/src/components/stateful/CheckableTags/index.module.less
index 205d1435..4b25304f 100644
--- a/src/components/stateful/CheckableTags/index.module.less
+++ b/src/components/stateful/CheckableTags/index.module.less
@@ -3,7 +3,6 @@
 
   .checkableTag {
     display: inline-block;
-    width: calc(~'100% - 68px');
   }
 
   .title {
diff --git a/src/components/stateless/AnimateRipple/index.module.less b/src/components/stateless/AnimateRipple/index.module.less
index d31f061d..61729c04 100644
--- a/src/components/stateless/AnimateRipple/index.module.less
+++ b/src/components/stateless/AnimateRipple/index.module.less
@@ -5,7 +5,6 @@
   justify-content: center;
   border: 1px solid transparent;
   background-color: #3857e3;
-  font-weight: medium;
   color: #fff;
   box-shadow:
     0 1px 3px 0 rgb(0 0 0 / 10%),
diff --git a/src/components/stateless/AnimateWave/index.module.less b/src/components/stateless/AnimateWave/index.module.less
index b463ed58..f500868c 100644
--- a/src/components/stateless/AnimateWave/index.module.less
+++ b/src/components/stateless/AnimateWave/index.module.less
@@ -4,12 +4,12 @@
   font-size: 60px;
   margin: 0;
   color: white;
-  background: linear-gradient(rgb(115 0 64) 0%, rgb(48 28 190) 100%) text;
+  background: linear-gradient(rgb(115 0 64) 0%, rgb(48 28 190) 100%);
   -webkit-text-fill-color: transparent;
 }
 
 .hIBkFg span {
-  background: linear-gradient(rgb(255 215 255) 0%, rgb(255 182 255) 100%) text;
+  background: linear-gradient(rgb(255 215 255) 0%, rgb(255 182 255) 100%);
   -webkit-text-fill-color: transparent;
 }
 
diff --git a/src/pages/home/index.module.less b/src/pages/home/index.module.less
index f3ac1bf9..f26e634a 100644
--- a/src/pages/home/index.module.less
+++ b/src/pages/home/index.module.less
@@ -481,8 +481,8 @@
   margin: 0 15px;
 }
 
-.circledHighlight:before,
-.circledHighlight:after {
+.circledHighlight::before,
+.circledHighlight::after {
   content: '';
   width: 120%;
   height: 100%;
@@ -494,12 +494,18 @@
   box-sizing: border-box;
 }
 
-.circledHighlight:before {
+.circledHighlight::before {
   border: 2px solid #06251b;
   transform: rotate(-4deg);
 }
 
-.circledHighlight:after {
+.circledHighlight::after {
   border: 1px solid #63d9b3;
   transform: rotate(6deg);
 }
+
+// backdrop-filter
+// object-fit: cover;
+// object-position: 0 0;
+// isolation: isolate;
+// z-index: 1;
diff --git a/src/pages/motion/index.module.less b/src/pages/motion/index.module.less
index 8cb82594..6baa662f 100644
--- a/src/pages/motion/index.module.less
+++ b/src/pages/motion/index.module.less
@@ -4,7 +4,6 @@
   right: 0;
   background-color: rgb(0 0 0 / 20%);
   backdrop-filter: blur(5px);
-  backdrop-filter: blur(5px);
   z-index: 10;
 
   ul {