Merge pull request #575 from Adamant-im/Fix/vertical-arrow-button-for…

…-navigating-to-the-end-and-beginning-of-the-coin Fix/ changed the style for the vertical arrow button
Adamant-im · Dec 29, 2023 · d72268b · d72268b
2 parents 18e1c5d + 3020edb
commit d72268b
Showing 1 changed file with 20 additions and 4 deletions.
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -275,8 +275,16 @@ export default {
       }
       :deep(.v-tabs .v-slide-group__prev .v-icon),
       :deep(.v-tabs .v-slide-group__next .v-icon) {
-        color: map-get($adm-colors, 'primary2');
-        pointer-events: none;
+        z-index: 1;
+        color: map-get($adm-colors, 'primary');
+        border-radius: 50%;
+        background-color: transparentize(map-get($adm-colors, 'primary2'), 0.7);
+      }
+      :deep(.v-tabs .v-slide-group__prev),
+      :deep(.v-tabs .v-slide-group__next) {
+        .v-icon:hover {
+          background-color: transparentize(map-get($adm-colors, 'primary2'), 0.3);
+        }
       }
       :deep(:not(.v-tab--selected)) {
         .svg-icon {
@@ -304,8 +312,16 @@ export default {
       }
       :deep(.v-tabs .v-slide-group__prev .v-icon),
       :deep(.v-tabs .v-slide-group__next .v-icon) {
-        color: map-get($adm-colors, 'primary2');
-        pointer-events: none;
+        z-index: 1;
+        color: map-get($adm-colors, 'primary');
+        border-radius: 50%;
+        background-color: transparentize(map-get($adm-colors, 'primary2'), 0.7);
+      }
+      :deep(.v-tabs .v-slide-group__prev),
+      :deep(.v-tabs .v-slide-group__next) {
+        .v-icon:hover {
+          background-color: transparentize(map-get($adm-colors, 'primary2'), 0.3);
+        }
       }
       :deep(.v-tabs-items) {
         background-color: unset;