Commit @58d66985bee48bf07d34abcabeefa53f2474b221

류윤주 01-12

240112 류윤주 세부 css 수정

@58d66985bee48bf07d34abcabeefa53f2474b221

0b542f0

58d6698

client/views/pages/template/BtnPosition.vue

--- client/views/pages/template/BtnPosition.vue

+++ client/views/pages/template/BtnPosition.vue

...	...	@@ -1,182 +1,184 @@
1	1	<template>
2		- <div class="box">
3		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">타이틀 옆 버튼 위치</p>
4		- <!-- 여기서부터 복사 -->
5		- <div class="flex-between">
6		- <p class="box-title">폴더 리스트</p>
7		- <button class="darkg-border-btn small-btn">폴더추가</button>
8		- </div>
9		- </div>
10		- <div class="box">
11		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">다운로드버튼 및 crud 한페이지에서 이루어지는 page의 조회 및 삭제</p>
12		- <!-- 여기서부터 복사 -->
13		- <div class="flex-end">
14		- <button class="green-border-btn small-btn">파일 다운로드</button>
15		- </div>
16		- <table class="list-table">
17		- <colgroup>
18		- <col style="width: ;">
19		- <col style="width: ;">
20		- <col style="width: ;">
21		- <col style="width: ;">
22		- </colgroup>
23		- <thead>
24		- <tr>
25		- <th>No</th>
26		- <th>user ID</th>
27		- <th>이름</th>
28		- <th>생년월일</th>
29		- <th>성별</th>
30		- </tr>
31		- </thead>
32		- <tbody>
33		- <tr>
34		- <td>1</td>
35		- <td>test123</td>
36		- <td>홍길동</td>
37		- <td>1999.01.01</td>
38		- <td>여</td>
39		- </tr>
40		- <tr>
41		- <td>1</td>
42		- <td>test123</td>
43		- <td>홍길동</td>
44		- <td>1999.01.01</td>
45		- <td>여</td>
46		- </tr>
47		- </tbody>
48		- </table>
49		- </div>
50		- <div class="box">
51		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">조건 검색과 같이 들어가는 버튼</p>
52		- <!-- 여기서부터 복사 -->
53		- <div class="flex-between">
54		- <div>
55		- <button class="darkg-border-btn small-btn">선택이동</button>
56		- <button class="darkg-border-btn small-btn">선택복사</button>
57		- <button class="darkg-border-btn small-btn">선택삭제</button>
	2	+ <div class="content">
	3	+ <div class="box">
	4	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">타이틀 옆 버튼 위치</p>
	5	+ <!-- 여기서부터 복사 -->
	6	+ <div class="flex-between">
	7	+ <p class="box-title">폴더 리스트</p>
	8	+ <button class="darkg-border-btn small-btn">폴더추가</button>
58	9	</div>
	10	+ </div>
	11	+ <div class="box">
	12	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">다운로드버튼 및 crud 한페이지에서 이루어지는 page의 조회 및 삭제</p>
	13	+ <!-- 여기서부터 복사 -->
59	14	<div class="flex-end">
60		- <div class="search-bar flex">
61		- <select name="" id="">
62		- <option value="all">전체</option>
63		- </select>
64		- <input type="text" name="" id="">
	15	+ <button class="green-border-btn small-btn">파일 다운로드</button>
	16	+ </div>
	17	+ <table class="list-table">
	18	+ <colgroup>
	19	+ <col style="width: ;">
	20	+ <col style="width: ;">
	21	+ <col style="width: ;">
	22	+ <col style="width: ;">
	23	+ </colgroup>
	24	+ <thead>
	25	+ <tr>
	26	+ <th>No</th>
	27	+ <th>user ID</th>
	28	+ <th>이름</th>
	29	+ <th>생년월일</th>
	30	+ <th>성별</th>
	31	+ </tr>
	32	+ </thead>
	33	+ <tbody>
	34	+ <tr>
	35	+ <td>1</td>
	36	+ <td>test123</td>
	37	+ <td>홍길동</td>
	38	+ <td>1999.01.01</td>
	39	+ <td>여</td>
	40	+ </tr>
	41	+ <tr>
	42	+ <td>1</td>
	43	+ <td>test123</td>
	44	+ <td>홍길동</td>
	45	+ <td>1999.01.01</td>
	46	+ <td>여</td>
	47	+ </tr>
	48	+ </tbody>
	49	+ </table>
	50	+ </div>
	51	+ <div class="box">
	52	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">조건 검색과 같이 들어가는 버튼</p>
	53	+ <!-- 여기서부터 복사 -->
	54	+ <div class="flex-between">
	55	+ <div>
	56	+ <button class="darkg-border-btn small-btn">선택이동</button>
	57	+ <button class="darkg-border-btn small-btn">선택복사</button>
	58	+ <button class="darkg-border-btn small-btn">선택삭제</button>
65	59	</div>
66		- <button class="blue-btn small-btn">검색</button>
	60	+ <div class="flex-end">
	61	+ <div class="search-bar flex">
	62	+ <select name="" id="">
	63	+ <option value="all">전체</option>
	64	+ </select>
	65	+ <input type="text" name="" id="">
	66	+ </div>
	67	+ <button class="blue-btn small-btn">검색</button>
	68	+ </div>
	69	+ </div>
	70	+ <table class="list-table">
	71	+ <colgroup>
	72	+ <col style="width: ;">
	73	+ <col style="width: ;">
	74	+ <col style="width: ;">
	75	+ <col style="width: ;">
	76	+ </colgroup>
	77	+ <thead>
	78	+ <tr>
	79	+ <th>No</th>
	80	+ <th>user ID</th>
	81	+ <th>이름</th>
	82	+ <th>생년월일</th>
	83	+ <th>성별</th>
	84	+ </tr>
	85	+ </thead>
	86	+ <tbody>
	87	+ <tr>
	88	+ <td>1</td>
	89	+ <td>test123</td>
	90	+ <td>홍길동</td>
	91	+ <td>1999.01.01</td>
	92	+ <td>여</td>
	93	+ </tr>
	94	+ <tr>
	95	+ <td>1</td>
	96	+ <td>test123</td>
	97	+ <td>홍길동</td>
	98	+ <td>1999.01.01</td>
	99	+ <td>여</td>
	100	+ </tr>
	101	+ </tbody>
	102	+ </table>
	103	+ </div>
	104	+ <div class="box">
	105	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">등록</p>
	106	+ <table class="list-table">
	107	+ <colgroup>
	108	+ <col style="width: ;">
	109	+ <col style="width: ;">
	110	+ <col style="width: ;">
	111	+ <col style="width: ;">
	112	+ </colgroup>
	113	+ <thead>
	114	+ <tr>
	115	+ <th>No</th>
	116	+ <th>user ID</th>
	117	+ <th>이름</th>
	118	+ <th>생년월일</th>
	119	+ <th>성별</th>
	120	+ </tr>
	121	+ </thead>
	122	+ <tbody>
	123	+ <tr>
	124	+ <td>1</td>
	125	+ <td>test123</td>
	126	+ <td>홍길동</td>
	127	+ <td>1999.01.01</td>
	128	+ <td>여</td>
	129	+ </tr>
	130	+ <tr>
	131	+ <td>1</td>
	132	+ <td>test123</td>
	133	+ <td>홍길동</td>
	134	+ <td>1999.01.01</td>
	135	+ <td>여</td>
	136	+ </tr>
	137	+ </tbody>
	138	+ </table>
	139	+ <!-- 여기서부터 복사 -->
	140	+ <div class="flex-end">
	141	+ <button class="darkg-btn small-btn">등록</button>
67	142	</div>
68	143	</div>
69		- <table class="list-table">
70		- <colgroup>
71		- <col style="width: ;">
72		- <col style="width: ;">
73		- <col style="width: ;">
74		- <col style="width: ;">
75		- </colgroup>
76		- <thead>
77		- <tr>
78		- <th>No</th>
79		- <th>user ID</th>
80		- <th>이름</th>
81		- <th>생년월일</th>
82		- <th>성별</th>
83		- </tr>
84		- </thead>
85		- <tbody>
86		- <tr>
87		- <td>1</td>
88		- <td>test123</td>
89		- <td>홍길동</td>
90		- <td>1999.01.01</td>
91		- <td>여</td>
92		- </tr>
93		- <tr>
94		- <td>1</td>
95		- <td>test123</td>
96		- <td>홍길동</td>
97		- <td>1999.01.01</td>
98		- <td>여</td>
99		- </tr>
100		- </tbody>
101		- </table>
102		- </div>
103		- <div class="box">
104		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">등록</p>
105		- <table class="list-table">
106		- <colgroup>
107		- <col style="width: ;">
108		- <col style="width: ;">
109		- <col style="width: ;">
110		- <col style="width: ;">
111		- </colgroup>
112		- <thead>
113		- <tr>
114		- <th>No</th>
115		- <th>user ID</th>
116		- <th>이름</th>
117		- <th>생년월일</th>
118		- <th>성별</th>
119		- </tr>
120		- </thead>
121		- <tbody>
122		- <tr>
123		- <td>1</td>
124		- <td>test123</td>
125		- <td>홍길동</td>
126		- <td>1999.01.01</td>
127		- <td>여</td>
128		- </tr>
129		- <tr>
130		- <td>1</td>
131		- <td>test123</td>
132		- <td>홍길동</td>
133		- <td>1999.01.01</td>
134		- <td>여</td>
135		- </tr>
136		- </tbody>
137		- </table>
138		- <!-- 여기서부터 복사 -->
139		- <div class="flex-end">
140		- <button class="darkg-btn small-btn">등록</button>
141		- </div>
142		- </div>
143		- <div class="box">
144		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">수정 삭제 목록</p>
145		- <table class="form-table">
146		- <colgroup>
147		- <col style="width: ;">
148		- <col style="width: ;">
149		- <col style="width: ;">
150		- <col style="width: ;">
151		- </colgroup>
152		- <tbody>
153		- <tr>
154		- <th>user ID</th>
155		- <td><input type="text" name="" id=""></td>
156		- <th>이름</th>
157		- <td><input type="text" name="" id=""></td>
158		- </tr>
159		- <tr>
160		- <th>생년월일</th>
161		- <td>
162		- <div class="flex">
	144	+ <div class="box">
	145	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">수정 삭제 목록</p>
	146	+ <table class="form-table">
	147	+ <colgroup>
	148	+ <col style="width: ;">
	149	+ <col style="width: ;">
	150	+ <col style="width: ;">
	151	+ <col style="width: ;">
	152	+ </colgroup>
	153	+ <tbody>
	154	+ <tr>
	155	+ <th>user ID</th>
	156	+ <td><input type="text" name="" id=""></td>
	157	+ <th>이름</th>
	158	+ <td><input type="text" name="" id=""></td>
	159	+ </tr>
	160	+ <tr>
	161	+ <th>생년월일</th>
	162	+ <td>
	163	+ <div class="flex">
	164	+ <select name="" id=""></select>
	165	+ <select name="" id=""></select>
	166	+ <select name="" id=""></select>
	167	+ </div>
	168	+ </td>
	169	+ <th>성별</th>
	170	+ <td>
163	171	<select name="" id=""></select>
164		- <select name="" id=""></select>
165		- <select name="" id=""></select>
166		- </div>
167		- </td>
168		- <th>성별</th>
169		- <td>
170		- <select name="" id=""></select>
171		- </td>
172		- </tr>
173		- </tbody>
174		- </table>
175		- <!-- 여기서부터 복사 -->
176		- <div class="flex-end">
177		- <button class="red-border-btn small-btn">삭제</button>
178		- <button class="darkg-border-btn small-btn">목록</button>
179		- <button class="green-border-btn small-btn">수정</button>
	172	+ </td>
	173	+ </tr>
	174	+ </tbody>
	175	+ </table>
	176	+ <!-- 여기서부터 복사 -->
	177	+ <div class="flex-end">
	178	+ <button class="red-border-btn small-btn">삭제</button>
	179	+ <button class="darkg-border-btn small-btn">목록</button>
	180	+ <button class="green-border-btn small-btn">수정</button>
	181	+ </div>
180	182	</div>
181	183	</div>
182	184	</template>

0b542f0

client/views/pages/template/FormModal.vue (deleted)

--- client/views/pages/template/FormModal.vue

...	...	@@ -1,27 +0,0 @@
	1	-<template>
	2	- <div></div>
	3	-</template>
	4	-
	5	-<script>
	6	-
	7	-export default {
	8	- data () {
	9	- return {
	10	- }
	11	- },
	12	- methods: {
	13	-
	14	- },
	15	- watch: {
	16	-
	17	- },
	18	- computed: {
	19	-
	20	- },
	21	- components: {
	22	- },
	23	- mounted() {
	24	- console.log('main mounted');
	25	- }
	26	-}
	27	-</script>(파일 끝에 줄바꿈 문자 없음)

0b542f0

58d6698

client/views/pages/template/Searchbar.vue

--- client/views/pages/template/Searchbar.vue

+++ client/views/pages/template/Searchbar.vue


 <template>
-    <div class="box">
-        <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 Search Bar</p>
-        <div style="padding:30px 0">
-            <DefaultSearchBar />
+    <div class="content">
+        <div class="box">
+            <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 Search Bar</p>
+            <div style="padding:30px 0">
+                <DefaultSearchBar />
+            </div>
         </div>
-    </div>
-    <div class="box">
-        <p style="font-size:2rem; font-weight:800; margin-bottom:10px">상세 Search Bar</p>
-        <div>
-            <DetailSearchBar />
+        <div class="box">
+            <p style="font-size:2rem; font-weight:800; margin-bottom:10px">상세 Search Bar</p>
+            <div>
+                <DetailSearchBar />
+            </div>
         </div>
     </div>
 </template>

 
     },
     components: {
-        'DefaultSearchBar':DefaultSearchBar,
-        'DetailSearchBar':DetailSearchBar
+        'DefaultSearchBar': DefaultSearchBar,
+        'DetailSearchBar': DetailSearchBar
     },
     mounted() {
- }
+    }
 }
 </script>
 

     margin-bottom: 30px;
     background-color: #fff;
 }
-
 </style>

0b542f0

58d6698

client/views/pages/template/Table.vue

--- client/views/pages/template/Table.vue

+++ client/views/pages/template/Table.vue


 <template>
-    <div class="box">
-        <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 List Table</p>
-        <ListTable />
-    </div>
-    <div class="box">
-        <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 form Table</p>
-        <FormTable />
+    <div class="content">
+        <div class="box">
+            <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 List Table</p>
+            <ListTable />
+        </div>
+        <div class="box">
+            <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 form Table</p>
+            <FormTable />
+        </div>
     </div>
 </template>
 

Add a comment

Open 0
Closed 0

List

...	...	@@ -1,27 +0,0 @@
	1	-<template>
	2	- <div>Main.vue</div>
	3	-</template>
	4	-
	5	-<script>
	6	-
	7	-export default {
	8	- data () {
	9	- return {
	10	- }
	11	- },
	12	- methods: {
	13	-
	14	- },
	15	- watch: {
	16	-
	17	- },
	18	- computed: {
	19	-
	20	- },
	21	- components: {
	22	- },
	23	- mounted() {
	24	- console.log('main mounted');
	25	- }
	26	-}
	27	-</script>(파일 끝에 줄바꿈 문자 없음)

...	...	@@ -1,14 +1,16 @@
1	1	<template>
2		- <div class="box">
3		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 Search Bar</p>
4		- <div style="padding:30px 0">
5		- <DefaultSearchBar />
	2	+ <div class="content">
	3	+ <div class="box">
	4	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 Search Bar</p>
	5	+ <div style="padding:30px 0">
	6	+ <DefaultSearchBar />
	7	+ </div>
6	8	</div>
7		- </div>
8		- <div class="box">
9		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">상세 Search Bar</p>
10		- <div>
11		- <DetailSearchBar />
	9	+ <div class="box">
	10	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">상세 Search Bar</p>
	11	+ <div>
	12	+ <DetailSearchBar />
	13	+ </div>
12	14	</div>
13	15	</div>
14	16	</template>
...	...	@@ -32,11 +34,11 @@
32	34
33	35	},
34	36	components: {
35		- 'DefaultSearchBar':DefaultSearchBar,
36		- 'DetailSearchBar':DetailSearchBar
	37	+ 'DefaultSearchBar': DefaultSearchBar,
	38	+ 'DetailSearchBar': DetailSearchBar
37	39	},
38	40	mounted() {
39		- }
	41	+ }
40	42	}
41	43	</script>
42	44
...	...	@@ -48,5 +50,4 @@
48	50	margin-bottom: 30px;
49	51	background-color: #fff;
50	52	}
51		-
52	53	</style> (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -1,11 +1,13 @@
1	1	<template>
2		- <div class="box">
3		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 List Table</p>
4		- <ListTable />
5		- </div>
6		- <div class="box">
7		- <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 form Table</p>
8		- <FormTable />
	2	+ <div class="content">
	3	+ <div class="box">
	4	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 List Table</p>
	5	+ <ListTable />
	6	+ </div>
	7	+ <div class="box">
	8	+ <p style="font-size:2rem; font-weight:800; margin-bottom:10px">기본 form Table</p>
	9	+ <FormTable />
	10	+ </div>
9	11	</div>
10	12	</template>
11	13

Delete comment