Commit @da056a25994d6c91e7f0eeabc0a359580ab5f1b4

류윤주 06-30

250630 류윤주 수정

@da056a25994d6c91e7f0eeabc0a359580ab5f1b4

606d0d8

da056a2

client/resources/scss/admin/content.scss

--- client/resources/scss/admin/content.scss

+++ client/resources/scss/admin/content.scss


     top: 185%;
     left: 50%;
     transform: translateX(-50%);
-    width: 200px;
+    min-width: 200px;
+    max-width: 350px;
     height: auto;
     z-index: 10;
     background-color: #ffffff;
     border-radius: 2rem;
+
+    .modeling-title{
+        padding: 1rem 2rem;
+        text-align: center;
+        background-color: #d5dce7;
+        border-radius: 2rem 2rem 0 0;
+        font-weight: 700;
+    }
+
+    .modeling-content{
+        padding: 2rem;
+        ul{
+            li{
+                width: 100%;
+                list-style: circle;
+            }
+        }
+        label{
+            width: 100px;
+        }
+        input{
+            min-width: 200px;
+        }
+        textarea{
+            min-height: 7rem;
+        }
+    }
 }

606d0d8

da056a2

client/views/pages/subPage/Modeling.vue

--- client/views/pages/subPage/Modeling.vue

+++ client/views/pages/subPage/Modeling.vue


                             </button>
                             <div v-if="activeModalTool?.id === tool.id" class="custom-modal">
                                 <div class="modal-content">
-                                    <p>{{ activeModalTool.title }}</p>
-                                    <button @click="closeModal">닫기</button>
+                                    <p class="modeling-title">{{ activeModalTool.title }}</p>
+                                    <div class="modeling-content">
+                                        <ul v-if="activeModalTool.title === '참여자'">
+                                            <li>참여자1</li>
+                                            <li>참여자1</li>
+                                            <li>참여자1</li>
+                                            <li>참여자1</li>
+                                        </ul>
+                                        <div v-else-if="activeModalTool.title === '코멘트'">
+                                            <div class="input-group mb10">
+                                                <label for="">writer</label>
+                                                <input type="text" class="form-control sm" disabled>
+                                            </div>
+                                            <div class="input-group mb10">
+                                                <label for="">summary</label>
+                                                <input type="text" class="form-control sm">
+                                            </div>
+                                            <div class="input-group">
+                                                <label for="">comment</label>
+                                                <textarea  class="form-control sm"></textarea>
+                                            </div>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </li>

Add a comment

Open 0
Closed 0

List

...	...	@@ -704,9 +704,37 @@
704	704	top: 185%;
705	705	left: 50%;
706	706	transform: translateX(-50%);
707		- width: 200px;
	707	+ min-width: 200px;
	708	+ max-width: 350px;
708	709	height: auto;
709	710	z-index: 10;
710	711	background-color: #ffffff;
711	712	border-radius: 2rem;
	713	+
	714	+ .modeling-title{
	715	+ padding: 1rem 2rem;
	716	+ text-align: center;
	717	+ background-color: #d5dce7;
	718	+ border-radius: 2rem 2rem 0 0;
	719	+ font-weight: 700;
	720	+ }
	721	+
	722	+ .modeling-content{
	723	+ padding: 2rem;
	724	+ ul{
	725	+ li{
	726	+ width: 100%;
	727	+ list-style: circle;
	728	+ }
	729	+ }
	730	+ label{
	731	+ width: 100px;
	732	+ }
	733	+ input{
	734	+ min-width: 200px;
	735	+ }
	736	+ textarea{
	737	+ min-height: 7rem;
	738	+ }
	739	+ }
712	740	}

...	...	@@ -83,8 +83,29 @@
83	83	</button>
84	84	<div v-if="activeModalTool?.id === tool.id" class="custom-modal">
85	85	<div class="modal-content">
86		- <p>{{ activeModalTool.title }}</p>
87		- <button @click="closeModal">닫기</button>
	86	+ <p class="modeling-title">{{ activeModalTool.title }}</p>
	87	+ <div class="modeling-content">
	88	+ <ul v-if="activeModalTool.title === '참여자'">
	89	+ <li>참여자1</li>
	90	+ <li>참여자1</li>
	91	+ <li>참여자1</li>
	92	+ <li>참여자1</li>
	93	+ </ul>
	94	+ <div v-else-if="activeModalTool.title === '코멘트'">
	95	+ <div class="input-group mb10">
	96	+ <label for="">writer</label>
	97	+ <input type="text" class="form-control sm" disabled>
	98	+ </div>
	99	+ <div class="input-group mb10">
	100	+ <label for="">summary</label>
	101	+ <input type="text" class="form-control sm">
	102	+ </div>
	103	+ <div class="input-group">
	104	+ <label for="">comment</label>
	105	+ <textarea class="form-control sm"></textarea>
	106	+ </div>
	107	+ </div>
	108	+ </div>
88	109	</div>
89	110	</div>
90	111	</li>

Delete comment