try

iamdarkle · Sep 9, 2024 · 5b94a57 · 5b94a57
1 parent bbfa352
commit 5b94a57
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 6 deletions.
diff --git a/js/dist/forum.js b/js/dist/forum.js
diff --git a/js/dist/forum.js.map b/js/dist/forum.js.map
diff --git a/js/src/forum/index.js b/js/src/forum/index.js
@@ -31,8 +31,8 @@ app.initializers.add('darkle/fancybox', () => {
           infinite: false,
           dragFree: false,
           Navigation: {
-            nextTpl: "<i class='fa-solid fa-angle-right'></i>",
-            prevTpl: "<i class='fa-solid fa-angle-left'></i>",
+            nextTpl: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/></svg>",
+            prevTpl: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/></svg>",
           },
         });
         carousels.set(gallery.id, carousel);

diff --git a/less/forum.less b/less/forum.less
@@ -7,8 +7,16 @@
     --f-button-width: 36px;
     --f-button-height: 36px;
     --f-button-border-radius: 4px;
-    --f-button-hover-bg: var(--button-bg-hover);
-    --f-button-active-bg: var(--button-bg-hover);
+}
+
+.f-button:hover, .f-button:active {
+    background-color: var(--button-bg-hover);
+}
+
+.f-carousel__slide {
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .fancybox-gallery, a[data-fancybox="single"] > img {
@@ -17,5 +25,11 @@
 }
 
 a[data-fancybox="single"], a[data-fancybox="gallery"] {
+    display: flex; 
     border-bottom: none !important;
+}
+
+a[data-fancybox="gallery"] > img {
+    max-width: 100%;
+    height: auto;
 }