yjryu / KERIS star
류윤주 류윤주 2023-12-01
231201 류윤주 모달 수정
@ed800047c69bfd668a68ac4a49020afb98d61b5d
client/resources/css/common.css
--- client/resources/css/common.css
+++ client/resources/css/common.css
@@ -386,6 +386,11 @@
   max-width: 896px;
 }
 
+.admin-alert{
+  width: 50%;
+  max-width: 500px;
+}
+
 .alert-modal > p{
   text-align: center;
   font-size: 2rem;
client/views/pages/admin/databook/DataSelectOne.vue
--- client/views/pages/admin/databook/DataSelectOne.vue
+++ client/views/pages/admin/databook/DataSelectOne.vue
@@ -75,13 +75,13 @@
             </div>
         </div>
         <div v-show="isDeleteModalOpen" class="modal-wrapper">
-            <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 자료를 삭제하시겠습니까?</h2>
-                </div>
+            <div class="modal-container admin-alert">
+                <div class="modal-content-monthly alert-modal">
+                <p>해당 자료를 삭제하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeDeleteModal()">취소</button>
-                    <button class="blue-btn" @click="postDelete">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeDeleteModal()">취소</button>
+                    <button class="blue-btn small-btn" @click="postDelete">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/databook/DataUpdate.vue
--- client/views/pages/admin/databook/DataUpdate.vue
+++ client/views/pages/admin/databook/DataUpdate.vue
@@ -76,13 +76,13 @@
             </div>
         </div>
         <div v-show="isUpdateModalOpen" class="modal-wrapper">
-            <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 자료를 수정하시겠습니까?</h2>
-                </div>
+            <div class="modal-container admin-alert">
+                <div class="modal-content-monthly alert-modal">
+                <p>해당 자료를 수정하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeUpdateModal()">취소</button>
-                    <button class="blue-btn" @click="postUpdateCheck">확인</button>
+                    <button class="dark-gray-btn small-btn" @click="closeUpdateModal()">취소</button>
+                    <button class="blue-btn small-btn" @click="postUpdateCheck">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/mail/MailInsert.vue
--- client/views/pages/admin/mail/MailInsert.vue
+++ client/views/pages/admin/mail/MailInsert.vue
@@ -50,12 +50,12 @@
                         <div class="user-list">
                             <p>사용자 선택</p>
                             <ul>
-                                <li><input type="checkbox" v-model="toggleOptions.selectCompany" id="companyAll" class="user-li"
-                                        @change="toggleChnage('selectCompany')">
+                                <li><input type="checkbox" v-model="toggleOptions.selectCompany" id="companyAll"
+                                        class="user-li" @change="toggleChnage('selectCompany')">
                                     <label for="companyAll" v-bind:style="{ color: 'red' }">기업회원(전체)</label>
                                 </li>
-                                <li><input type="checkbox" v-model="toggleOptions.selectNormal" id="commonAll" class="user-li"
-                                        @change="toggleChnage('selectNormal')">
+                                <li><input type="checkbox" v-model="toggleOptions.selectNormal" id="commonAll"
+                                        class="user-li" @change="toggleChnage('selectNormal')">
                                     <label for="commonAll" v-bind:style="{ color: 'red' }">일반회원(전체)</label>
                                 </li>
                                 <li><input type="checkbox" v-model="toggleOptions.selectAll" id="all" class="user-li"
@@ -64,10 +64,11 @@
                                 </li>
                                 <hr>
                                 <li v-for="(user, index) in searchedUsers" :key="index">
-                                    <input type="checkbox" v-model="selectedUsers" :id="'customer'+index" :value="user"
+                                    <input type="checkbox" v-model="selectedUsers" :id="'customer' + index" :value="user"
                                         @change="toggleChnage('selectUser')">
-                                    <label :for="'customer'+index" v-if="user.is_company === 'Yes'"> {{ user.company_nm }} (기업)</label>
-                                    <label :for="'customer'+index" v-else> {{ user.user_nm }} (일반)</label>
+                                    <label :for="'customer' + index" v-if="user.is_company === 'Yes'"> {{ user.company_nm }}
+                                        (기업)</label>
+                                    <label :for="'customer' + index" v-else> {{ user.user_nm }} (일반)</label>
                                 </li>
                             </ul>
                         </div>
@@ -91,12 +92,12 @@
         </div>
         <div v-show="isSendModalOpen" class="modal-wrapper">
             <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 메일을 발송하시겠습니까?</h2>
+                <div class="modal-content-monthly alert-modal">
+                    <p>해당 메일을 발송하시겠습니까?</p>
                 </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeSendModal()">취소</button>
-                    <button class="blue-btn" @click="sendMail">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeSendModal()">취소</button>
+                    <button class="blue-btn  small-btn" @click="sendMail">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/networking/NetworkingSelectOne.vue
--- client/views/pages/admin/networking/NetworkingSelectOne.vue
+++ client/views/pages/admin/networking/NetworkingSelectOne.vue
@@ -23,8 +23,6 @@
                                         <span>{{ company.company_pick_cnt }}</span>
                                     </p>
                                     <p class="flex-end write-info">
-                                        <!-- <span class="writer">{{ company }}</span>
-                                        <span>ㅏ아아아앙</span> -->
                                         <span class="view">조회수</span>
                                         <span>{{ company.view_cnt }}</span>
                                     </p>
client/views/pages/admin/news/NewsSelectOne.vue
--- client/views/pages/admin/news/NewsSelectOne.vue
+++ client/views/pages/admin/news/NewsSelectOne.vue
@@ -78,13 +78,13 @@
             </div>
         </div>
         <div v-show="isDeleteModalOpen" class="modal-wrapper">
-            <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 게시물을 삭제하시겠습니까?</h2>
-                </div>
+            <div class="modal-container admin-alert">
+                <div class="modal-content-monthly alert-modal">
+                <p>해당 게시물을 삭제하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeDeleteModal()">취소</button>
-                    <button class="blue-btn" @click="postDelete">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeDeleteModal()">취소</button>
+                    <button class="blue-btn  small-btn" @click="postDelete">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/news/NewsUpdate.vue
--- client/views/pages/admin/news/NewsUpdate.vue
+++ client/views/pages/admin/news/NewsUpdate.vue
@@ -75,13 +75,13 @@
             </div>
         </div>
         <div v-show="isUpdateModalOpen" class="modal-wrapper">
-            <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 게시글을 수정하시겠습니까?</h2>
-                </div>
+            <div class="modal-container admin-alert">
+                <div class="modal-content-monthly alert-modal">
+                <p>해당 게시글을 수정하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeUpdateModal()">취소</button>
-                    <button class="blue-btn" @click="postUpdateCheck">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeUpdateModal()">취소</button>
+                    <button class="blue-btn  small-btn" @click="postUpdateCheck">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/notice/NoticeSelectOne.vue
--- client/views/pages/admin/notice/NoticeSelectOne.vue
+++ client/views/pages/admin/notice/NoticeSelectOne.vue
@@ -67,13 +67,13 @@
             </div>
         </div>
         <div v-show="isDeleteModalOpen" class="modal-wrapper">
-            <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 공지사항을 삭제하시겠습니까?</h2>
-                </div>
+            <div class="modal-container admin-alert">
+                <div class="modal-content-monthly alert-modal">
+                <p>해당 공지사항을 삭제하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeDeleteModal()">취소</button>
-                    <button class="blue-btn" @click="postDelete">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeDeleteModal()">취소</button>
+                    <button class="blue-btn  small-btn" @click="postDelete">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/notice/NoticeUpdate.vue
--- client/views/pages/admin/notice/NoticeUpdate.vue
+++ client/views/pages/admin/notice/NoticeUpdate.vue
@@ -57,13 +57,13 @@
             </div>
         </div>
         <div v-show="isUpdateModalOpen" class="modal-wrapper">
-            <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 공지사항을 수정하시겠습니까?</h2>
-                </div>
+            <div class="modal-container admin-alert">
+                <div class="modal-content-monthly alert-modal">
+                <p>해당 공지사항을 수정하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeUpdateModal()">취소</button>
-                    <button class="blue-btn" @click="postUpdateCheck">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeUpdateModal()">취소</button>
+                    <button class="blue-btn  small-btn" @click="postUpdateCheck">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/tag/Tag.vue
--- client/views/pages/admin/tag/Tag.vue
+++ client/views/pages/admin/tag/Tag.vue
@@ -30,8 +30,8 @@
         </div>
     </div>
     <div v-show="isModalOpen" class="modal-wrapper">
-        <div class="modal-container">
-            <div v-show="modalType == 'duplication'" class="modal-content-monthly alert-modal">
+        <div class="modal-container admin-alert">
+            <div v-show="modalType == 'duplication'" class="modal-content-monthly ">
                 <p>중복된 키워드가 있습니다.<br />키워드를 확인 후 추가해주세요.</p>
             </div>
             <div v-show="modalType == 'alert'" class="modal-content-monthly alert-modal">
client/views/pages/admin/technology/TechSelectOne.vue
--- client/views/pages/admin/technology/TechSelectOne.vue
+++ client/views/pages/admin/technology/TechSelectOne.vue
@@ -154,13 +154,13 @@
             </div>
         </div>
         <div v-show="isDeleteModalOpen" class="modal-wrapper">
-            <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 기술 문서를 삭제하시겠습니까?</h2>
-                </div>
+            <div class="modal-container admin-alert">
+                <div class="modal-content-monthly  alert-modal ">
+                <p>해당 기술 문서를 삭제하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeDeleteModal()">취소</button>
-                    <button class="blue-btn" @click="postDelete">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeDeleteModal()">취소</button>
+                    <button class="blue-btn small-btn" @click="postDelete">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/technology/TechUpdate.vue
--- client/views/pages/admin/technology/TechUpdate.vue
+++ client/views/pages/admin/technology/TechUpdate.vue
@@ -118,13 +118,13 @@
             </div>
         </div>
         <div v-show="isUpdateModalOpen" class="modal-wrapper">
-            <div class="modal-container">
-                <div class="modal-title">
-                    <h2>해당 기술문서를 수정하시겠습니까?</h2>
-                </div>
+            <div class="modal-container admin-alert">
+                <div class="modal-content-monthly alert-modal ">
+                <p>해당 기술 문서를 수정하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeUpdateModal()">취소</button>
-                    <button class="blue-btn" @click="postUpdateCheck">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeUpdateModal()">취소</button>
+                    <button class="blue-btn small-btn" @click="postUpdateCheck">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/wgcommunity/WgSelectOne.vue
--- client/views/pages/admin/wgcommunity/WgSelectOne.vue
+++ client/views/pages/admin/wgcommunity/WgSelectOne.vue
@@ -84,12 +84,12 @@
         </div>
         <div v-show="isDeleteModalOpen" class="modal-wrapper">
             <div class="modal-container">
-                <div class="modal-title">
-                    <h2>전문가 협의체의 게시글을 삭제하시겠습니까?</h2>
-                </div>
+                <div class="modal-content-monthly alert-modal">
+                <p>전문가 협의체의 게시글을 삭제하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeDeleteModal()">취소</button>
-                    <button class="blue-btn" @click="postDelete">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeDeleteModal()">취소</button>
+                    <button class="blue-btn small-btn" @click="postDelete">확인</button>
                 </div>
             </div>
         </div>
client/views/pages/admin/wgcommunity/WgUpdate.vue
--- client/views/pages/admin/wgcommunity/WgUpdate.vue
+++ client/views/pages/admin/wgcommunity/WgUpdate.vue
@@ -73,12 +73,12 @@
         </div>
         <div v-show="isUpdateModalOpen" class="modal-wrapper">
             <div class="modal-container">
-                <div class="modal-title">
-                    <h2>전문가 협의체의 게시글을 수정하시겠습니까?</h2>
-                </div>
+                <div class="modal-content-monthly alert-modal">
+                <p>전문가 협의체의 게시글을 삭제하시겠습니까?</p>
+            </div>
                 <div class="modal-end">
-                    <button class="dark-gray-btn mgl5" @click="closeUpdateModal()">취소</button>
-                    <button class="blue-btn" @click="postUpdateCheck">확인</button>
+                    <button class="dark-gray-btn  small-btn" @click="closeUpdateModal()">취소</button>
+                    <button class="blue-btn  small-btn" @click="postUpdateCheck">확인</button>
                 </div>
             </div>
         </div>
Add a comment
List