Commit @1a302f4a08090892230f6d0f445af12e2e8c689f

허정 2023-07-26

230726김하영 횡단보도 검색창 수정

@1a302f4a08090892230f6d0f445af12e2e8c689f

1411bbc

1a302f4

client/resources/css/common.css

--- client/resources/css/common.css

+++ client/resources/css/common.css


 .flex-between {
   display: flex;
   flex-wrap: wrap;
-  flex-grow: 1;
+  /* flex-grow: 1; */
   justify-content: space-between;
   align-items: center;
 }

1411bbc

1a302f4

client/views/pages/RealtimeStatus/CrosswalkListSearch.vue

--- client/views/pages/RealtimeStatus/CrosswalkListSearch.vue

+++ client/views/pages/RealtimeStatus/CrosswalkListSearch.vue


           />
           <div class="flex">
             <div class="gap g3">
-              <label class="taa taa2">상태: </label>
-              <select name="" id="">
+              <label class="taa taa2">상태 </label>
+              <select name="" id="op">
                 <option value="">정상</option>
               </select>
               <button

   border: 1px solid red;
 }
 .gap-sub {
-  height: 12em;
+  height: 13em;
 }
 .taa2 {
-  height: 14em !important;
-  line-height: 14 !important;
+  height: 5.5em !important;
+  line-height: 5.5em !important;
 }
 .ta5 {
-  height: 30em !important;
-  line-height: 30em !important;
+  height: 13em !important;
+  line-height: 12em !important;
   height: 30em;
 }
 .in1 {
   width: 21em;
-  height: 4em !important;
+  /* height: 4em !important; */
   text-align: center;
 }
 .taa {
   width: 10em;
-  height: 16em;
-  border: 1px solid gray;
-  line-height: 16em;
+  height: 7em;
+  background-color: #f0f0f0;
+  /* border: 1px solid gray; */
+  border-bottom: 1px solid;
+  line-height: 7em;
   text-align: center;
 }
 .g2 {

 }
 .board-wrap {
   width: 100%;
-  height: 50em;
+  height: 24em;
 }
 .mobile {
   display: none;

 }
 select {
   width: 19rem;
-  height: 4em !important;
-  background: #ffffffc2;
+  line-height: 1.5 !important;
+  height: 1.5em !important;
+  /* background: #ffffffc2; */
   text-align: center;
 }
+
 .modal {
   width: 100rem;
 }

   background: #f7f6f6;
   display: flex;
   /* padding: 1rem; */
-  height: 46em;
+  height: 20em;
   width: 100%;
 
   flex-wrap: wrap;
   align-content: flex-start;
   margin: 30px 0;
   /* background: #f7f6f6; */
-  padding: 1rem;
+  /* padding: 1rem; */
 }
 
 .search-wrap input,

Add a comment

Open 0
Closed 0

List

...	...	@@ -33,7 +33,7 @@
33	33	.flex-between {
34	34	display: flex;
35	35	flex-wrap: wrap;
36		- flex-grow: 1;
	36	+ /* flex-grow: 1; */
37	37	justify-content: space-between;
38	38	align-items: center;
39	39	}

...	...	@@ -30,8 +30,8 @@
30	30	/>
31	31	<div class="flex">
32	32	<div class="gap g3">
33		- <label class="taa taa2">상태: </label>
34		- <select name="" id="">
	33	+ <label class="taa taa2">상태 </label>
	34	+ <select name="" id="op">
35	35	<option value="">정상</option>
36	36	</select>
37	37	<button
...	...	@@ -504,27 +504,29 @@
504	504	border: 1px solid red;
505	505	}
506	506	.gap-sub {
507		- height: 12em;
	507	+ height: 13em;
508	508	}
509	509	.taa2 {
510		- height: 14em !important;
511		- line-height: 14 !important;
	510	+ height: 5.5em !important;
	511	+ line-height: 5.5em !important;
512	512	}
513	513	.ta5 {
514		- height: 30em !important;
515		- line-height: 30em !important;
	514	+ height: 13em !important;
	515	+ line-height: 12em !important;
516	516	height: 30em;
517	517	}
518	518	.in1 {
519	519	width: 21em;
520		- height: 4em !important;
	520	+ /* height: 4em !important; */
521	521	text-align: center;
522	522	}
523	523	.taa {
524	524	width: 10em;
525		- height: 16em;
526		- border: 1px solid gray;
527		- line-height: 16em;
	525	+ height: 7em;
	526	+ background-color: #f0f0f0;
	527	+ /* border: 1px solid gray; */
	528	+ border-bottom: 1px solid;
	529	+ line-height: 7em;
528	530	text-align: center;
529	531	}
530	532	.g2 {
...	...	@@ -538,7 +540,7 @@
538	540	}
539	541	.board-wrap {
540	542	width: 100%;
541		- height: 50em;
	543	+ height: 24em;
542	544	}
543	545	.mobile {
544	546	display: none;
...	...	@@ -556,10 +558,12 @@
556	558	}
557	559	select {
558	560	width: 19rem;
559		- height: 4em !important;
560		- background: #ffffffc2;
	561	+ line-height: 1.5 !important;
	562	+ height: 1.5em !important;
	563	+ /* background: #ffffffc2; */
561	564	text-align: center;
562	565	}
	566	+
563	567	.modal {
564	568	width: 100rem;
565	569	}
...	...	@@ -626,14 +630,14 @@
626	630	background: #f7f6f6;
627	631	display: flex;
628	632	/* padding: 1rem; */
629		- height: 46em;
	633	+ height: 20em;
630	634	width: 100%;
631	635
632	636	flex-wrap: wrap;
633	637	align-content: flex-start;
634	638	margin: 30px 0;
635	639	/* background: #f7f6f6; */
636		- padding: 1rem;
	640	+ /* padding: 1rem; */
637	641	}
638	642
639	643	.search-wrap input,

Delete comment