jichoi / lms_front star
이은진 이은진 2024-08-20
240820 이은진 사진첩 css 수정
@80c805e9991729c1253e7d251da4508dc5dea670
38997bd
80c805e
client/views/pages/main/AIDashboard.vue
--- client/views/pages/main/AIDashboard.vue
+++ client/views/pages/main/AIDashboard.vue
@@ -160,11 +160,13 @@
 
                 <p>학습 종료하기</p>
 
             </button>
 
             <h2 class="mb40 mt10">이 단원을 끝낸 친구들</h2>
 
-            <article class="flex-column" style="gap: 5px;">
 
-                <div class="flex" style="gap: 5px;">
 
-                    <div v-for="(image, index) in images" :key="image.fileId" @click="buttonSearch(image)"
 
-                        class="photo">
 
-                        <img :src="image.url" :alt="image.fileNm" reloadable="true" />
 
+            <article class="flex-column">
 
+                <div class="flex-row">
 
+                    <div class="flex" style="gap: 5px; flex-wrap: wrap;">
 
+                        <div v-for="(image, index) in images" :key="image.fileId" @click="buttonSearch(image)"
 
+                            class="photo" style="margin-bottom: 5px;">
 
+                            <img :src="image.url" :alt="image.fileNm" reloadable="true" style="height: 100%;" />
 
+                        </div>
 
                     </div>
 
                 </div>
 
             </article>
38997bd
80c805e
client/views/pages/main/Dashboard.vue
--- client/views/pages/main/Dashboard.vue
+++ client/views/pages/main/Dashboard.vue
@@ -139,19 +139,6 @@
 
                             :style="{ display: rabbitEnd ? 'block' : 'none' }">
 
                     </div>
 
                 </div>
 
-                <div class="complete-wrap smt50 myphoto">
 
-                    <!-- 팝업 -->
 
-                    <article class="popup-wrap" v-show="searchOpen">
 
-                        <div class="popup-box ">
 
-                            <div class="flex mb10  justify-between">
 
-                                <p class="popup-title">알림</p>
 
-                                <button type="button" class="popup-close-btn" @click="closeBtn2">
 
-                                    <svg-icon type="mdi" :path="mdiWindowClose" class="close-btn"></svg-icon>
 
-                                </button>
 
-                            </div>
 
-                        </div>
 
-                    </article>
 
-                </div>
 
             </div>
 
 
             <!-- 팝업 -->
@@ -177,7 +164,7 @@
 
             <article v-show="showCameraModal" class="popup-wrap">
 
                 <div class="popup-box" style="top: 500px; left:500px">
 
                     <div class="flex mb10 justify-between">
 
-                        <p class="popup-title">사진 촬영</p>
 
+                        <p class="popup-title">사진 촬영</p>ㄹ
 
                         <button type="button" class="popup-close-btn" @click="closeModal">
 
                             <svg-icon type="mdi" :path="mdiWindowClose" class="close-btn"></svg-icon>
 
                         </button>
@@ -209,11 +196,14 @@
 
                 <p>학습 종료하기</p>
 
             </button>
 
             <h2 class="mb40 mt10">이 단원을 끝낸 친구들</h2>
 
-            <article class="flex-column" style="gap: 5px;">
 
-                <div class="flex" style="gap: 5px; flex-wrap: wrap;">
 
-                    <div v-for="(image, index) in images" :key="image.fileId" @click="buttonSearch(image)"
 
-                        class="photo">
 
-                        <img :src="image.url" :alt="image.fileNm" reloadable="true" />
 
+
 
+            <article class="flex-column">
 
+                <div class="flex-row">
 
+                    <div class="flex" style="gap: 5px; flex-wrap: wrap;">
 
+                        <div v-for="(image, index) in images" :key="image.fileId" @click="buttonSearch(image)"
 
+                            class="photo" style="margin-bottom: 5px;">
 
+                            <img :src="image.url" :alt="image.fileNm" reloadable="true" style="height: 100%;" />
 
+                        </div>
 
                     </div>
 
                 </div>
 
             </article>
@@ -432,23 +422,23 @@
 
                     finish: "T"
 
                 }
 
             })
 
-            .then(response => {
 
-                const nextSchedule = this.schedules.find(schedule => schedule.schdl_id > this.nowSchedule.schdl_id);
 
-                alert("학습을 완료했습니다!");
 
+                .then(response => {
 
+                    const nextSchedule = this.schedules.find(schedule => schedule.schdl_id > this.nowSchedule.schdl_id);
 
+                    alert("학습을 완료했습니다!");
 
 
-                if (nextSchedule) {
 
-                    this.nowSchedule = nextSchedule;
 
-                    this.fetchSchedule(nextSchedule.unit_id, nextSchedule.book_id);
 
-                    this.fetchRoadmapData(nextSchedule.unit_id, nextSchedule.book_id);
 
-                    this.$router.push({ name: 'Dashboard', query: { unit_id: nextSchedule.unit_id, book_id: nextSchedule.book_id } });
 
-                } else {
 
-                    alert("모든 학습을 완료했습니다!");
 
-                    this.state = 'finish';
 
+                    if (nextSchedule) {
 
+                        this.nowSchedule = nextSchedule;
 
+                        this.fetchSchedule(nextSchedule.unit_id, nextSchedule.book_id);
 
+                        this.fetchRoadmapData(nextSchedule.unit_id, nextSchedule.book_id);
 
+                        this.$router.push({ name: 'Dashboard', query: { unit_id: nextSchedule.unit_id, book_id: nextSchedule.book_id } });
 
+                    } else {
 
+                        alert("모든 학습을 완료했습니다!");
 
+                        this.state = 'finish';
 
                     }
 
                 })
 
-            .catch(error => {
 
-                 console.error("Error updating schedule:", error);
 
-            });
 
+                .catch(error => {
 
+                    console.error("Error updating schedule:", error);
 
+                });
 
         },
 
         fetchRoadmapData(unit_id, book_id) {
 
             axios({
Add a comment
List