From b7f4aadf86ab9df08c48139392d74fb7b9e60044 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Wed, 18 Sep 2024 15:13:45 +0500
Subject: [PATCH] feat: overflow carousel items

---
 app/App.tsx                                               | 2 +-
 app/components/ReleaseCourusel/ReleaseCourusel.module.css | 3 +++
 app/components/ReleaseCourusel/ReleaseCourusel.tsx        | 7 +++++--
 public/changelog/3.2.1.md                                 | 5 +++++
 4 files changed, 14 insertions(+), 3 deletions(-)
 create mode 100644 public/changelog/3.2.1.md

diff --git a/app/App.tsx b/app/App.tsx
index 0a9a98b..bb81fc1 100644
--- a/app/App.tsx
+++ b/app/App.tsx
@@ -106,7 +106,7 @@ export const App = (props) => {
       {preferencesStore.flags.enableAnalytics && (
         <PlausibleProvider
           domain="anix.wah.su"
-          trackLocalhost={true}
+          trackLocalhost={false}
           selfHosted={true}
           enabled={true}
         />
diff --git a/app/components/ReleaseCourusel/ReleaseCourusel.module.css b/app/components/ReleaseCourusel/ReleaseCourusel.module.css
index fce52de..4a63b8c 100644
--- a/app/components/ReleaseCourusel/ReleaseCourusel.module.css
+++ b/app/components/ReleaseCourusel/ReleaseCourusel.module.css
@@ -12,4 +12,7 @@
     width: 64px;
     height: 64px;
   }
+  .swiper {
+    overflow: visible !important;
+  }
 }
diff --git a/app/components/ReleaseCourusel/ReleaseCourusel.tsx b/app/components/ReleaseCourusel/ReleaseCourusel.tsx
index fabc504..f68d1c3 100644
--- a/app/components/ReleaseCourusel/ReleaseCourusel.tsx
+++ b/app/components/ReleaseCourusel/ReleaseCourusel.tsx
@@ -20,6 +20,7 @@ export const ReleaseCourusel = (props: {
       spaceBetween: 8,
       allowTouchMove: true,
       slidesPerView: "auto",
+      rewind: true,
       navigation: {
         enabled: false,
         nextEl: ".swiper-button-next",
@@ -30,6 +31,8 @@ export const ReleaseCourusel = (props: {
           navigation: {
             enabled: true,
           },
+          initialSlide: 1,
+          centeredSlides: true,
         },
       },
       modules: [Navigation],
@@ -52,8 +55,8 @@ export const ReleaseCourusel = (props: {
           </Link>
         )}
       </div>
-      <div className="m-4">
-        <div className="swiper">
+      <div className="my-4">
+        <div className={`swiper ${Styles["swiper"]}`}>
           <div className="swiper-wrapper">
             {props.content.map((release) => {
               return (
diff --git a/public/changelog/3.2.1.md b/public/changelog/3.2.1.md
new file mode 100644
index 0000000..51b81e1
--- /dev/null
+++ b/public/changelog/3.2.1.md
@@ -0,0 +1,5 @@
+# 3.2.0
+
+## изменено
+
+- Изменён вид каруселей