feat: fill ailable space with image, set border on carousel

components/download/DownloadPreview.vue

@@ -46,11 +46,13 @@ scanImages();
           pauseOnMouseEnter: true,
         }"
         :modules="[Autoplay]"
+        auto-height
+        :class="css.slider"
         @swiper="onSwiperUpdate($event)"
         @slide-change="onSwiperUpdate($event)"
       >
         <SwiperSlide v-for="(image, i) in images" :key="i">
-          <img :src="image" alt=" " />
+          <img :src="image" alt=" " class="w-full" />
         </SwiperSlide>
       </Carousel>
       <div :class="css.controls">
@@ -75,6 +77,10 @@ scanImages();
   &__container {
     @apply flex flex-col relative;
 
+    .slider {
+      @apply rounded-3xl border border-black/[0.12];
+    }
+
     .controls {
       @apply flex flex-col absolute -bottom-[2.8125rem] z-10 -left-2 -right-2 items-center justify-center;