Animated events

Author: dyakovri

src/components/EventRow.vue

@@ -55,6 +55,7 @@ export default {
   gap: 16px;
   border-radius: 20px;
   background: var(--bs-primary-10);
+  transition: background-color 0.5s ease;
   height: 78px;
   margin: 16px auto;
   padding: 10px 16px;
@@ -63,6 +64,9 @@ export default {
   min-width: 300px;
   overflow: hidden;
 }
+.event:hover {
+  background: var(--bs-primary-20);
+}
 .noselect {
   -webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */