Change artist images modal active image UI

staniel359 · May 10, 2023 · 55daf6a · 55daf6a
1 parent f65fd02
commit 55daf6a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/assets/styles/Shared.sass b/src/assets/styles/Shared.sass
@@ -196,6 +196,8 @@ $trackPagePlayerPanelHeight: 40px
 .border-radius-small
   border-radius: $borderRadiusSmall !important
 
+.border-color-base
+  border-color: $colorBase !important
 .border-color-base-light
   border-color: $colorBaseLight !important
 .border-color-grey-inverted

diff --git a/src/components/modals/artist/BaseArtistImagesModal/ThumbsSlider.vue b/src/components/modals/artist/BaseArtistImagesModal/ThumbsSlider.vue
@@ -52,4 +52,14 @@ export default {
 <style lang="sass" scoped>
 .image-container
   @extend .cursor-pointer
+
+.slick-slide
+  .ui.image
+    &.main-image
+      border-width: 2px !important
+
+.slick-current
+  .ui.image
+    &.main-image
+      @extend .border-color-base
 </style>