feat: overflow carousel items

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}
         />

app/components/ReleaseCourusel/ReleaseCourusel.module.css

@@ -12,4 +12,7 @@
     width: 64px;
     height: 64px;
   }
+  .swiper {
+    overflow: visible !important;
+  }
 }

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="my-4">
-        <div className="swiper">
+        <div className={`swiper ${Styles["swiper"]}`}>
           <div className="swiper-wrapper">
             {props.content.map((release) => {
               return (

public/changelog/3.2.1.md

@@ -0,0 +1,5 @@
+# 3.2.0
+
+## изменено
+
+- Изменён вид каруселей