From 0dd0c10ca47ae1d96b6d4bf089777d974509c732 Mon Sep 17 00:00:00 2001
From: yixu <haichenxin@yeah.net>
Date: Mon, 15 Sep 2025 16:13:57 +0800
Subject: [PATCH] update

---
 src/assets/main.css                 |  1 +
 src/components/MyPhoto.vue          |  4 ++--
 src/components/PhotoSquare.vue      | 12 ++++++++----
 src/components/SelectTemplateV2.vue |  4 ++--
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index dc91559..75c25be 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -38,6 +38,7 @@
 
 .vue-recycle-scroller__item-wrapper {
   width: 100%;
+  height: 59vw;
   display: flex;
   flex-flow: wrap;
 }
diff --git a/src/components/MyPhoto.vue b/src/components/MyPhoto.vue
index 64571a5..66f6520 100644
--- a/src/components/MyPhoto.vue
+++ b/src/components/MyPhoto.vue
@@ -396,8 +396,8 @@ markers.value = [
 
 .image-container {
   width: 38vw;
-  height: 56vw;
-  top: 2.2vw;
+  height: 59vw;
+  top: 0;
   margin-bottom: 3vw;
   background-image: url('../assets/images/test.webp');
   background-size: cover;
diff --git a/src/components/PhotoSquare.vue b/src/components/PhotoSquare.vue
index 8dd61e2..3fc98de 100644
--- a/src/components/PhotoSquare.vue
+++ b/src/components/PhotoSquare.vue
@@ -364,10 +364,10 @@ markers.value = [
 }
 .image-wrapper {
   position: relative;
-  margin-bottom: -10vw;
-  float: left;
   margin-right: 2vw;
   margin-left: 2vw;
+  width: 38vw;
+  height: 59vw;
 }
 .border-image {
   position: absolute;
@@ -377,11 +377,15 @@ markers.value = [
 }
 .image-gallery {
   overflow-y: auto;
+  overflow-x: hidden;
   display: block;
   width: 84vw;
   height: 57vh;
-  position: absolute;
-  top: 28%;
+  position: relative;
+  display: flex;
+  flex-flow: row;
+  flex-wrap: wrap;
+  top: 10vw;
 }
 
 .image-container {
diff --git a/src/components/SelectTemplateV2.vue b/src/components/SelectTemplateV2.vue
index 9e1ac4f..0130d47 100644
--- a/src/components/SelectTemplateV2.vue
+++ b/src/components/SelectTemplateV2.vue
@@ -118,11 +118,11 @@ const handleNavClick = (event) => {
 
 .nav-container {
   position: relative;
-  pointer-events: none;
+  top: 18vw;
 }
 
 .nav-image-wrapper {
-  top: 24vw;
+  top: 0;
   opacity: 0;
   position: relative;
   display: inline-block;