Restructure the style, incresed the target area of navigation arrows

pixelfed · Feb 2, 2024 · 4f49943 · 4f49943
1 parent 7abf7bc
commit 4f49943
Showing 1 changed file with 17 additions and 10 deletions.
diff --git a/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue b/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
@@ -188,20 +188,27 @@
 </style>
 
 <style>
+.VueCarousel-navigation-button {
+  top: 0 !important;
+  width: 25%;
+  height: 100%;
+  color: white !important;
+  opacity: 0.0 !important;
+  transform: none !important;
+}
+
+.VueCarousel-navigation-button:hover:not(.VueCarousel-navigation--disabled) {
+  opacity: 0.5 !important;
+}
+
 .VueCarousel-navigation-button {
   &.VueCarousel-navigation-prev {
-	    color: white;
-	    opacity: 0.5;
-		position: relative;
-        left: 30px;
-		bottom: 480px;
+    left: 0;
+    text-align: left;
   }
   &.VueCarousel-navigation-next {
-	    color: white;
-	    opacity: 0.5;
-	    position: relative;
-        left: 615px; 
-		bottom: 480px;
+    right: 0;
+    text-align: right;
   }
 }
 </style>