fix: stylesheets

source/components/layout/slider.mjs

@@ -237,18 +237,18 @@ class Slider extends CustomElement {
  * @private
  * @param name
  */
-function initNavigation(name) {
-	const element = this.shadowRoot.querySelector("." + name + "");
-	const elementHeight = element.offsetHeight;
-	element.style.top = `calc(50% - ${elementHeight / 2}px)`;
-}
+//function initNavigation(name) {
+//const element = this.shadowRoot.querySelector("." + name + "");
+//const elementHeight = element.offsetHeight;
+//element.style.top = `calc(50% - ${elementHeight / 2}px)`;
+//}
 
 /**
  * @private
  */
 function initStructure() {
-	initNavigation.call(this, "next");
-	initNavigation.call(this, "prev");
+	//initNavigation.call(this, "next");
+	//initNavigation.call(this, "prev");
 
 	if (this.getOption("features.thumbnails")) {
 		initThumbnails.call(this);

source/components/layout/style/slider.pcss

@@ -49,7 +49,6 @@
 
 .prev {
     position: absolute;
-    top: 28%;
     left: 0.5rem;
     height: max-content;
     width: max-content;
@@ -60,15 +59,16 @@
     user-select: none;
     z-index: var(--monster-z-index-sticky);
     box-sizing: border-box;
+    top: 50%;
+    transform: translate(0, -50%)
 }
 
 .prev:hover {
-    transform: scale(1.2);
+    transform: translate(0, -50%) scale(1.1);
 }
 
 .next {
     position: absolute;
-    top: 28%;
     right: 0.5rem;
     height: max-content;
     width: max-content;
@@ -79,10 +79,12 @@
     user-select: none;
     z-index: var(--monster-z-index-sticky);
     box-sizing: border-box;
+    top: 50%;
+    transform: translate(0, -50%);
 }
 
 .next:hover {
-     transform: scale(1.2);
+     transform: translate(0, -50%) scale(1.1);
 }