여행 기록 프론트 오류 수정

src/pages/travel/Travel.css

@@ -303,9 +303,13 @@
 
 .travel-modal__frame {
     width: 100%;
+    height: 68vh;
     max-height: 68vh;
     display: grid;
     place-items: center;
+    overflow: hidden;
+    background: rgba(8, 10, 16, 0.3);
+    border-radius: 16px;
 }
 
 .travel-modal__image {
@@ -313,7 +317,14 @@
     max-height: 68vh;
     object-fit: contain;
     border-radius: 14px;
-    animation: travel-slide 260ms ease;
+}
+
+.travel-modal__image.is-next {
+    animation: travel-slide-next 280ms ease;
+}
+
+.travel-modal__image.is-prev {
+    animation: travel-slide-prev 280ms ease;
 }
 
 .travel-modal__strip {
@@ -387,14 +398,28 @@
     border-color: rgba(255, 255, 255, 0.5);
 }
 
-@keyframes travel-slide {
+.travel-modal__arrow:disabled {
+    cursor: not-allowed;
+    opacity: 0.4;
+    transform: none;
+    border-color: rgba(255, 255, 255, 0.15);
+}
+
+@keyframes travel-slide-next {
     from {
-        opacity: 0.6;
-        transform: translateY(8px) scale(0.98);
+        transform: translateX(20px) scale(0.98);
     }
     to {
-        opacity: 1;
-        transform: translateY(0) scale(1);
+        transform: translateX(0) scale(1);
+    }
+}
+
+@keyframes travel-slide-prev {
+    from {
+        transform: translateX(-20px) scale(0.98);
+    }
+    to {
+        transform: translateX(0) scale(1);
     }
 }
 
@@ -409,6 +434,7 @@
     }
 
     .travel-modal__frame {
+        height: 56vh;
         max-height: 56vh;
     }