add hover for bars

cookspam · Jun 24, 2024 · a1d4e20 · a1d4e20
1 parent 25256d2
commit a1d4e20
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/input.css b/input.css
@@ -206,7 +206,9 @@
     display: block;
     background: rgba(97, 170, 207, 0.75);
     animation: draw 0.5s ease-in-out;
-    --tooltip-offset: calc(var(--bar-height) / 10); /* Adjust this value if necessary */
+  }
+  .chart span:hover {
+    background: rgba(55, 146, 191, 0.75); /* Change the color on hover */
   }
   .chart span:before {
     position: absolute;

diff --git a/public/tailwind.css b/public/tailwind.css
@@ -838,8 +838,8 @@ h2:where(.dark, .dark *) {
   margin-left: auto;
 }
 
-.mr-20 {
-  margin-right: 5rem;
+.mr-12 {
+  margin-right: 3rem;
 }
 
 .mr-4 {
@@ -886,14 +886,6 @@ h2:where(.dark, .dark *) {
   margin-top: auto;
 }
 
-.mr-10 {
-  margin-right: 2.5rem;
-}
-
-.mr-12 {
-  margin-right: 3rem;
-}
-
 .block {
   display: block;
 }
@@ -2203,8 +2195,11 @@ h2:where(.dark, .dark *) {
   display: block;
   background: rgba(97, 170, 207, 0.75);
   animation: draw 0.5s ease-in-out;
-  --tooltip-offset: calc(var(--bar-height) / 10);
-  /* Adjust this value if necessary */
+}
+
+.chart span:hover {
+  background: rgba(55, 146, 191, 0.75);
+  /* Change the color on hover */
 }
 
 .chart span:before {