Commit @b82b6c0dc747ddf76e78bf0c8f6315b893464f11

김하영 2023-12-05

231205김하영

@b82b6c0dc747ddf76e78bf0c8f6315b893464f11

3a350ad

b82b6c0

client/resources/css/responsive.css

--- client/resources/css/responsive.css

+++ client/resources/css/responsive.css


     padding: 3rem 3rem 2rem;
     font-size: 3.2rem;
   }
-  table,
-  thead,
-  tbody,
-  th,
-  td,
-  tr {
+
+  .user-table-list thead,.user-table-list tbody,.user-table-list th,.user-table-list td,.user-table-list tr{
     display: block;
     text-align: center;
   }
-  th {
+
+  .user-table-list th {
     display: none;
   }
-  table {
+  .user-table-list table {
     width: 100%;
   }
 
-  thead tr {
+  .user-table-list thead tr {
     position: absolute;
     top: -9999px;
     left: -9999px;
   }
 
-  tr {
+  .user-table-list tr {
     border: 1px solid #ccc;
   }
 
-  td {
+  .user-table-list td {
     border: none;
     border-bottom: 1px solid #eee;
     position: relative;

     padding: 0 3rem;
     font-size: 3rem;
   }
-  table,
-  thead,
-  tbody,
-  th,
-  td,
-  tr {
+  .user-table-list thead,.user-table-list tbody,.user-table-list th,.user-table-list td,.user-table-list tr{
     display: block;
     text-align: center;
   }
-  th {
+
+  .user-table-list th {
     display: none;
   }
-  table {
+  .user-table-list table {
     width: 100%;
   }
 
-  thead tr {
+  .user-table-list thead tr {
     position: absolute;
     top: -9999px;
     left: -9999px;
   }
 
-  tr {
+  .user-table-list tr {
     border: 1px solid #ccc;
   }
 
-  td {
+  .user-table-list td {
     border: none;
     border-bottom: 1px solid #eee;
     position: relative;
     text-align: right;
     padding-left: 8rem;
-
-    /* padding-left: 5/0%; */
   }
 
   .list-table td:before {

3a350ad

b82b6c0

client/views/pages/admin/databook/DataSelectList.vue

--- client/views/pages/admin/databook/DataSelectList.vue

+++ client/views/pages/admin/databook/DataSelectList.vue


                         </li>
                     </ul>
                 </div>
-                <table class="select-table">
+                <table class="select-table user-table-list">
                     <thead>
                         <tr>
                             <th style="width:5%">no</th>

3a350ad

b82b6c0

client/views/pages/admin/login/Login.vue

--- client/views/pages/admin/login/Login.vue

+++ client/views/pages/admin/login/Login.vue


             </label>
         </div>
 
-        <button class="blue-btn" @click="login">
+        <button class="blue-btn join-blue-btn " @click="login">
             로그인
         </button>
     </div>

3a350ad

b82b6c0

client/views/pages/user/Data/Data.vue

--- client/views/pages/user/Data/Data.vue

+++ client/views/pages/user/Data/Data.vue


                         </ul>
                     </div>
                     <div class="data-table-tr">
-                        <table class="list-table">
+                        <table class="list-table user-table-list">
                             <th style="width:5%">no</th>
                             <th style="width:15%">카테고리</th>
                             <th style="width:45%">제목</th>

3a350ad

b82b6c0

client/views/pages/user/community/Notice.vue

--- client/views/pages/user/community/Notice.vue

+++ client/views/pages/user/community/Notice.vue


                 </div>
                 <div class="noti-sec">
                     <div class="noti-sec-table">
-                        <table class="list-table">
+                        <table class="list-table user-table-list">
                             <th style="width:5%">no</th>
                             <th style="width:55%">제목</th>
                             <th style="width:10%">작성자</th>

3a350ad

b82b6c0

client/views/pages/user/community/Wgcommunity.vue

--- client/views/pages/user/community/Wgcommunity.vue

+++ client/views/pages/user/community/Wgcommunity.vue


                         </ul>
                     </div>
                     <div>
-                        <table class="wg-table">
+                        <table class="wg-table user-table-list">
                             <thead>
                                 <tr>
                                     <th style="width:5%">no</th>

Add a comment

Open 0
Closed 0

List

...	...	@@ -9,33 +9,30 @@
9	9	padding: 3rem 3rem 2rem;
10	10	font-size: 3.2rem;
11	11	}
12		- table,
13		- thead,
14		- tbody,
15		- th,
16		- td,
17		- tr {
	12	+
	13	+ .user-table-list thead,.user-table-list tbody,.user-table-list th,.user-table-list td,.user-table-list tr{
18	14	display: block;
19	15	text-align: center;
20	16	}
21		- th {
	17	+
	18	+ .user-table-list th {
22	19	display: none;
23	20	}
24		- table {
	21	+ .user-table-list table {
25	22	width: 100%;
26	23	}
27	24
28		- thead tr {
	25	+ .user-table-list thead tr {
29	26	position: absolute;
30	27	top: -9999px;
31	28	left: -9999px;
32	29	}
33	30
34		- tr {
	31	+ .user-table-list tr {
35	32	border: 1px solid #ccc;
36	33	}
37	34
38		- td {
	35	+ .user-table-list td {
39	36	border: none;
40	37	border-bottom: 1px solid #eee;
41	38	position: relative;
...	...	@@ -1241,40 +1238,34 @@
1241	1238	padding: 0 3rem;
1242	1239	font-size: 3rem;
1243	1240	}
1244		- table,
1245		- thead,
1246		- tbody,
1247		- th,
1248		- td,
1249		- tr {
	1241	+ .user-table-list thead,.user-table-list tbody,.user-table-list th,.user-table-list td,.user-table-list tr{
1250	1242	display: block;
1251	1243	text-align: center;
1252	1244	}
1253		- th {
	1245	+
	1246	+ .user-table-list th {
1254	1247	display: none;
1255	1248	}
1256		- table {
	1249	+ .user-table-list table {
1257	1250	width: 100%;
1258	1251	}
1259	1252
1260		- thead tr {
	1253	+ .user-table-list thead tr {
1261	1254	position: absolute;
1262	1255	top: -9999px;
1263	1256	left: -9999px;
1264	1257	}
1265	1258
1266		- tr {
	1259	+ .user-table-list tr {
1267	1260	border: 1px solid #ccc;
1268	1261	}
1269	1262
1270		- td {
	1263	+ .user-table-list td {
1271	1264	border: none;
1272	1265	border-bottom: 1px solid #eee;
1273	1266	position: relative;
1274	1267	text-align: right;
1275	1268	padding-left: 8rem;
1276		-
1277		- /* padding-left: 5/0%; */
1278	1269	}
1279	1270
1280	1271	.list-table td:before {

...	...	@@ -57,7 +57,7 @@
57	57	</li>
58	58	</ul>
59	59	</div>
60		- <table class="select-table">
	60	+ <table class="select-table user-table-list">
61	61	<thead>
62	62	<tr>
63	63	<th style="width:5%">no</th>

...	...	@@ -17,7 +17,7 @@
17	17	</label>
18	18	</div>
19	19
20		- <button class="blue-btn" @click="login">
	20	+ <button class="blue-btn join-blue-btn " @click="login">
21	21	로그인
22	22	</button>
23	23	</div>

...	...	@@ -70,7 +70,7 @@
70	70	</ul>
71	71	</div>
72	72	<div class="data-table-tr">
73		- <table class="list-table">
	73	+ <table class="list-table user-table-list">
74	74	<th style="width:5%">no</th>
75	75	<th style="width:15%">카테고리</th>
76	76	<th style="width:45%">제목</th>

...	...	@@ -61,7 +61,7 @@
61	61	</ul>
62	62	</div>
63	63	<div>
64		- <table class="wg-table">
	64	+ <table class="wg-table user-table-list">
65	65	<thead>
66	66	<tr>
67	67	<th style="width:5%">no</th>

...	...	@@ -31,7 +31,7 @@
31	31	</div>
32	32	<div class="noti-sec">
33	33	<div class="noti-sec-table">
34		- <table class="list-table">
	34	+ <table class="list-table user-table-list">
35	35	<th style="width:5%">no</th>
36	36	<th style="width:55%">제목</th>
37	37	<th style="width:10%">작성자</th>

Delete comment