upd

src/components/Layouts/VideoModal.tsx

@@ -23,12 +23,14 @@ export function VideoModal({ link, currentTime }: VideoModalProps) {
 
   return (
     <div className="w-screen h-screen absolute z-[110] top-0 left-0 overflow-hidden flex justify-center items-center">
-      <div className="flex items-center justify-center w-full aspect-video">
+      <div className="aspect-video flex justify-center items-center w-full">
         <button
           className="p-4 rounded-full border absolute top-4 right-4 z-[100] cursor-pointer"
           onClick={handleOnCloseClick}
         >
-          <CloseIcon />
+          <div className="size-10">
+            <CloseIcon />
+          </div>
         </button>
         <video
           src={link}

src/ui/SliderWithScaling.tsx

@@ -90,17 +90,17 @@ export function SliderWithScaling<T extends { title: string; id: number }>({
 
   return (
     <div className={'flex flex-col relative ' + className}>
-      <div className="h-full -mx-4 overflow-hidden lg:-mx-10 sm:-mx-6">
+      <div className="lg:-mx-10 sm:-mx-6 overflow-hidden -mx-4 h-full">
         <div {...handlers} className="h-full">
           <div
-            className={`flex items-${alignItems} gap-x-4 -mr-6 select-none`}
+            className={`items-${alignItems} flex gap-x-4 -mr-6 select-none`}
             onTransitionEnd={() => {
               setTransiting(false);
             }}
             style={{
               minHeight: minHeightScaled,
               transform: `translateX(${sliderOffset}px)`,
-              transitionDuration: `${sliderOffset !== baseoffset && sliderOffset !== 3 * baseoffset && sliderOffset !== 0 ? 1 : 0}s`,
+              transitionDuration: `${sliderOffset !== baseoffset && sliderOffset !== 3 * baseoffset ? 1 : 0}s`,
             }}
           >
             {order.map((currentSlide, index) => (
@@ -114,7 +114,6 @@ export function SliderWithScaling<T extends { title: string; id: number }>({
                       }
                     : { minWidth, minHeight }
                 }
-                transition={{ duration: 1, type: 'just' }}
                 animate={
                   index === 2
                     ? {
@@ -126,6 +125,7 @@ export function SliderWithScaling<T extends { title: string; id: number }>({
                         minHeight,
                       }
                 }
+                transition={{ duration: 1, type: 'just' }}
                 className={'cursor-pointer ' + childClassName}
               >
                 <SlideElement {...currentSlide} />