style

src/components/Popup.vue

@@ -26,11 +26,11 @@
               <div :class="`dialog-popuImag ${classDivAA?'flipped':''}`">
                 <!-- <img src="../assets/buttonImg/popuBody.jpg" alt /> -->
                 <div class="back">
-                  <img style="width: 180px; height:492px" :src="currentMonth.popImg" alt />
+                  <img style="width: 48vw; height:492px" :src="currentMonth.popImg" alt />
                 </div>
 
                 <div class="front">
-                  <img style="width: 180px; height:492px " :src="currentMonth.calendarImg" alt />
+                  <img style="width: 48vw; height:492px " :src="currentMonth.calendarImg" alt />
                 </div>
               </div>
             </div>
@@ -302,14 +302,16 @@ export default {
   }
   .section-box {
     position: absolute;
-    left: 82vw;
+    right: 15vw;
+    top: 98px;
+    height: 394px;
     display: flex;
     flex-direction: column;
+    width: 36px;
     justify-content: space-between;
-    margin-top: 5em;
 
     img {
-      width: 36px;
+      width: 100%;
       background-size: 100% auto;
       margin-top: 0;
       border-radius: 18px;