opt: simplify ripple effect class

This commit is contained in:
KOWX712
2025-02-21 02:29:42 +08:00
parent f2483efc6e
commit 09f6f522de
10 changed files with 83 additions and 102 deletions
-2
View File
@@ -91,8 +91,6 @@
box-sizing: border-box;
margin-bottom: 5px;
transition: background-color 0.2s ease;
position: relative;
overflow: hidden;
}
.link-icon svg {
-6
View File
@@ -23,8 +23,6 @@
padding: 12px;
width: calc(100% - 30px);
max-width: 900px;
position: relative;
overflow: hidden;
}
#update-available {
@@ -156,8 +154,6 @@
width: calc(100% - 30px);
max-width: 900px;
transition: background-color 0.2s ease;
position: relative;
overflow: hidden;
}
.content {
@@ -225,8 +221,6 @@
box-sizing: border-box;
transition: all 0.2s ease;
border: 3px solid transparent;
position: relative;
overflow: hidden;
}
#normal-indicator {
-2
View File
@@ -57,8 +57,6 @@
border: 1px solid #ccc;
border-radius: 10px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}
.input-box {
+5 -1
View File
@@ -33,7 +33,6 @@ body {
font-weight: bold;
transition: transform 0.4s ease;
border-radius: 50px 50px;
overflow: hidden;
user-select: none;
}
@@ -236,6 +235,11 @@ body {
font-size: 16px;
}
.ripple-element {
position: relative;
overflow: hidden;
}
.ripple {
position: absolute;
border-radius: 50%;
-1
View File
@@ -93,7 +93,6 @@
width: 100%;
white-space: nowrap;
position: relative;
overflow: hidden;
user-select: none;
}
-5
View File
@@ -24,7 +24,6 @@
height: calc(100% - 2px);
width: calc(100% - 60px);
position: absolute;
overflow: hidden;
}
.search-icon {
@@ -78,8 +77,6 @@
justify-content: center;
z-index: 200;
align-items: center;
position: relative;
overflow: hidden;
}
.menu-icon {
@@ -135,8 +132,6 @@
padding: 12px 15px;
text-align: left;
background-color: white;
position: relative;
overflow: hidden;
}
.menu-options li::after {
-2
View File
@@ -137,8 +137,6 @@
border-radius: 12px;
font-size: 18px;
font-weight: bold;
position: relative;
overflow: hidden;
transition: background-color 0.2s ease;
}