PageDataContainer styles

pshenmic · Oct 16, 2024 · a9c4593 · a9c4593
1 parent 93c837d
commit a9c4593
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/frontend/src/components/ui/containers/PageDataContainer.scss b/packages/frontend/src/components/ui/containers/PageDataContainer.scss
@@ -39,6 +39,18 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    transition: all .1s;
+
+    @media (hover: hover) and (pointer: fine) {
+      &:hover {
+        background-color: rgba(24, 167, 255, .2);
+      }
+    }
+
+    &:active {
+      transform: translateY(1px);
+      background-color: rgba(24, 167, 255, .15);
+    }
   }
 
   &__Title {