ripple more visible, smaller padding, burger more transparent

KeenMate · Feb 12, 2025 · c5d4c21 · c5d4c21
1 parent 8c1f0eb
commit c5d4c21
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/poc/public/styles.css b/poc/public/styles.css
@@ -49,9 +49,9 @@ body {
     position: fixed;
     top: 50%;
     transform: translateY(-50%);
-    background: rgba(255, 255, 255, 0.9);
+    background: rgba(255, 255, 255, 0.5);
     border-radius: 0.25rem;
-    padding: 0.8rem;
+    padding: 0.5rem;
     margin: 0;
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
     z-index: 1000;
@@ -230,7 +230,7 @@ img {
 }
 
 .ripple:hover {
-    background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.1) 1%) center/15000%;
+    background: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.3) 1%) center/15000%;
 }
 
 .ripple:active {
@@ -682,4 +682,8 @@ table th {
 
 .btn-dark:active {
     background-color: #1c1f23;
+}
+
+.pure-button{
+    padding:0.5em 0.5em;
 }