add double

luckydiamond/src/assets/icons-games/double-game/RectangleBlackDouble.svg

@@ -1,17 +0,0 @@
-<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_2522_173)">
-<rect x="4" width="100" height="100" rx="15" fill="#1F1F1F"/>
-</g>
-<defs>
-<filter id="filter0_d_2522_173" x="0" y="0" width="108" height="108" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2522_173"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2522_173" result="shape"/>
-</filter>
-</defs>
-</svg>

luckydiamond/src/assets/icons-games/double-game/RectangleGreenDouble.svg

@@ -1,17 +0,0 @@
-<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_3462_2)">
-<rect x="4" width="100" height="100" rx="15" fill="#3B6D3A"/>
-</g>
-<defs>
-<filter id="filter0_d_3462_2" x="0" y="0" width="108" height="108" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3462_2"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3462_2" result="shape"/>
-</filter>
-</defs>
-</svg>

luckydiamond/src/assets/icons-games/double-game/RectangleRedDouble.svg

@@ -1,17 +0,0 @@
-<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_2522_175)">
-<rect x="4" width="100" height="100" rx="15" fill="#EF4444"/>
-</g>
-<defs>
-<filter id="filter0_d_2522_175" x="0" y="0" width="108" height="108" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="4"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2522_175"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2522_175" result="shape"/>
-</filter>
-</defs>
-</svg>

luckydiamond/src/pages/games-pages/DoublePage.vue

@@ -4,36 +4,43 @@
     <chat-component></chat-component>
     <header-component></header-component>
     <div class="bg-gradient-left"></div>
-
     <!-- <double-component></double-component> -->
     <section class="double">
-      <h1>gdfgf</h1>
+      <h1>double</h1>
+      <div class="jackpot-game">
+        <div class="bootstrap-wrapper">
+          <div class="container">
+            <div class="row">
+              <div class="col-md-12">
+                <div class="jackpot-carousel">
+                  <Carousel
+                    ref="carousel"
+                    :wrapAround="true"
+                    :autoplay="500"
+                    class="no-pointer-events"
+                    :transition="150"
+                    :itemsToShow="10"
+                  >
+                    <!-- <Slide v-for="slide in 10" :key="slide">
+                    <div class="carousel__item">{{ slide }}</div>
+                  </Slide> -->
 
-      <!-- v-bind="settings" :breakpoints="breakpoints" -->
+                    <Slide v-for="(slide, index) in slides" :key="index">
-      <Carousel
+                      <div>
-      ref="carousel"
+                        <img
-      :wrapAround="true"
+                          :src="slide.img"
-      
+                          onerror="this.onerror=null;this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';"
-      :itemsToShow="10"
+                        />
-
+                      </div>
-      >
+                    </Slide>
-        <!-- <Slide v-for="slide in 10" :key="slide">
+                  </Carousel>
-          <div class="carousel__item">{{ slide }}</div>
+                </div>
-        </Slide> -->
+              </div>
-
+            </div>
-        <Slide v-for="(slide, index) in slides" :key="index">
-          <div >
-            <img
-              :src="slide.img"
-              onerror="this.onerror=null;this.src='data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';"
-            />
           </div>
-        </Slide>
+        </div>
-
+      </div>
-        <!-- <template #addons>
+      <!-- v-bind="settings" :breakpoints="breakpoints" -->
-          <Navigation />
-        </template> -->
-      </Carousel>
 
       <!-- <Carousel
                     ref="carousel"
@@ -70,17 +77,30 @@ export default {
     // slides: [],
     slides: [
       {
-        img: "@/assets/icons-games/double-game/RectangleRedDouble.svg",
+        img: require("@/assets/icons-games/double-game/RectangleRedDouble.png"),
-        nickname: "Hepatir",
+        nickname: "RedDouble",
       },
       {
-        img: "@/assets/icons-games/double-game/RectangleGreenDouble.svg",
+        img: require("@/assets/icons-games/double-game/RectangleGreenDouble.png"),
-        nickname: "Hepatir",
+        nickname: "GreenDouble",
       },
       {
-        img: "@/assets/icons-games/double-game/RectangleBlackDouble.svg",
+        img: require("@/assets/icons-games/double-game/RectangleBlackDouble.png"),
-        nickname: "Ckutls_",
+        nickname: "BlackDouble",
-      }
+      },
+      {
+        img: require("@/assets/icons-games/double-game/RectangleBlackDouble.png"),
+        nickname: "BlackDouble",
+      },
+      {
+        img: require("@/assets/icons-games/double-game/RectangleBlackDouble.png"),
+        nickname: "BlackDouble",
+      },
+      {
+        img: require("@/assets/icons-games/double-game/RectangleBlackDouble.png"),
+        nickname: "BlackDouble",
+      },
+
       // ,
       // {
       //   img: "https://avatar.spworlds.ru/face/55/Ckutls_.png",
@@ -111,24 +131,6 @@ export default {
       //   nickname: "Hepgdfatir",
       // },
     ],
-    settings: {
-      itemsToShow: 1,
-      snapAlign: "center",
-    },
-    // breakpoints are mobile first
-    // any settings not specified will fallback to the carousel settings
-    breakpoints: {
-      // 700px and up
-      700: {
-        itemsToShow: 3.5,
-        snapAlign: "center",
-      },
-      // 1024 and up
-      1024: {
-        itemsToShow: 5,
-        snapAlign: "start",
-      },
-    },
   }),
   name: "HelpPage",
   components: {
@@ -143,7 +145,7 @@ export default {
 
 <style scoped>
 .carousel__slide {
-  padding: 5px;
+  padding: 1px;
 }
 
 .carousel__viewport {