1. 礼物特效

2026-08-03 12:56:40 +08:00
parent 50f1e09569
commit 06c57a0754
3 changed files with 341 additions and 90 deletions
--- a/vite-tailwindcss/src/components/PhotoGallery.vue
+++ b/vite-tailwindcss/src/components/PhotoGallery.vue
@@ -696,6 +696,20 @@ function polaroidTransform(i) {
  border-radius: 10px; scrollbar-width: none;
 }
 .g-carousel-slide { flex: 0 0 100%; min-width: 100%; height: 52vh; scroll-snap-align: center; }
+
+@media (min-width: 768px) {
+  .gallery {
+    max-width: 400px;
+    margin-inline: auto;
+  }
+  .overlap-wrap {
+    max-width: 400px;
+    height: clamp(340px, 48vh, 460px);
+  }
+  .g-carousel-slide {
+    height: min(52vh, 420px);
+  }
+}
 .g-carousel-slide img { width: 100%; height: 100%; object-fit: cover; }
 .g-arrow {
  position: absolute; top: 50%; transform: translateY(-50%);