Commit @4de30f981c403041a3dc8aa8002059632035d14e

최정임 03-31

250331 최정임 css 수정

@4de30f981c403041a3dc8aa8002059632035d14e

77d4504

4de30f9

client/resources/css/user/main.css

--- client/resources/css/user/main.css

+++ client/resources/css/user/main.css


 .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{
     width: 30rem !important;
     top: 407px !important;
-    left: 50% !important;
+    left: 48% !important;
     transform: translateX(-50%);
 }
 .swiper-pagination-progressbar{

77d4504

4de30f9

client/resources/css/user/sub.css

--- client/resources/css/user/sub.css

+++ client/resources/css/user/sub.css


 .login-form {
     width: 600px;
     padding: 50px 60px;
-
+    dd{display: block;}
     label {
         color: #666;
         font-size: 16px;

             color: #fff;
         }
     }
-
+    input{width: -webkit-fill-available;}
     .check-area {
+        display: flex;
         input {
             margin-right: 5px;
         }
+        label{width: auto;}
     }
 }
 

         span {
             width: 118px;
         }
+        .ck-content{font-size: 20px;     font-family: "Pretendard-L";}
     }
 }
 

             img{
                 width: 100%;
                 height: 100%;
+                border-radius: 24px;
             }
         }
     }

             font-family: "Pretendard-B";
             font-size: 25px;
             margin-bottom: 20px;
-
+            cursor: pointer;
         }
 
         .address {

                 position: initial;
                 height: 120px;
                 margin: 0 auto;
-
+                .swiper-slide{
+                    background-image: linear-gradient(#fff, #fff), 
+                    linear-gradient(-45deg, #fff, #fff);
+                    background-origin: border-box;
+                    background-clip: content-box, border-box;
+                    border: 3px solid transparent;
+                }
+                .swiper-slide:hover{
+                    background-image: linear-gradient(#fff, #fff), 
+                    linear-gradient(-45deg, #ca3e49, #3d355d);
+                }
                 .swiper-wrapper {
                     margin: 0;
                 }
 
                 .swiper-slide img {
                     width: -webkit-fill-available;
+
                 }
 
+                input{position: absolute; right: 6px; top: 6px;} 
             }
         }
 

77d4504

4de30f9

client/views/component/VideoThumbnail.vue

--- client/views/component/VideoThumbnail.vue

+++ client/views/component/VideoThumbnail.vue


 <template>
-  <div>
     <img v-if="thumbnailUrl" :src="thumbnailUrl" alt="비디오 썸네일">
     <div v-else-if="error" class="error">썸네일 생성 실패</div>
     <div v-else class="loading">로딩 중...</div>
-  </div>
 </template>
 <script>
 export default {

   height: 100%;
   min-height: 180px;
   background-color: #f0f0f0;
+  border-radius: 30px;
 }
 
 .loading {

77d4504

4de30f9

client/views/pages/login/Login.vue

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

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


             <dl>
                 <dd class="mb-25">
                     <label for="id">아이디</label>
-                    <input type="text" id="id" class="wfull" placeholder="아이디를 입력하세요." v-model="member['loginId']">
+                    <input type="text" id="id"  placeholder="아이디를 입력하세요." v-model="member['loginId']">
                 </dd>
 
                 <dd class="mb-10">
                     <label for="pw">비밀번호</label>
-                    <input type="password" id="pw" class="wfull" placeholder="비밀번호를 입력하세요." v-model="member['password']"
+                    <input type="password" id="pw"  placeholder="비밀번호를 입력하세요." v-model="member['password']"
                         @keyup.enter="fnLogin">
                 </dd>
                 <dd class="check-area flex-end mb-25">

Add a comment

Open 0
Closed 0

List

...	...	@@ -415,7 +415,7 @@
415	415	.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{
416	416	width: 30rem !important;
417	417	top: 407px !important;
418		- left: 50% !important;
	418	+ left: 48% !important;
419	419	transform: translateX(-50%);
420	420	}
421	421	.swiper-pagination-progressbar{

...	...	@@ -235,7 +235,7 @@
235	235	.login-form {
236	236	width: 600px;
237	237	padding: 50px 60px;
238		-
	238	+ dd{display: block;}
239	239	label {
240	240	color: #666;
241	241	font-size: 16px;
...	...	@@ -260,11 +260,13 @@
260	260	color: #fff;
261	261	}
262	262	}
263		-
	263	+ input{width: -webkit-fill-available;}
264	264	.check-area {
	265	+ display: flex;
265	266	input {
266	267	margin-right: 5px;
267	268	}
	269	+ label{width: auto;}
268	270	}
269	271	}
270	272
...	...	@@ -308,6 +310,7 @@
308	310	span {
309	311	width: 118px;
310	312	}
	313	+ .ck-content{font-size: 20px; font-family: "Pretendard-L";}
311	314	}
312	315	}
313	316
...	...	@@ -466,6 +469,7 @@
466	469	img{
467	470	width: 100%;
468	471	height: 100%;
	472	+ border-radius: 24px;
469	473	}
470	474	}
471	475	}
...	...	@@ -496,7 +500,7 @@
496	500	font-family: "Pretendard-B";
497	501	font-size: 25px;
498	502	margin-bottom: 20px;
499		-
	503	+ cursor: pointer;
500	504	}
501	505
502	506	.address {
...	...	@@ -912,15 +916,27 @@
912	916	position: initial;
913	917	height: 120px;
914	918	margin: 0 auto;
915		-
	919	+ .swiper-slide{
	920	+ background-image: linear-gradient(#fff, #fff),
	921	+ linear-gradient(-45deg, #fff, #fff);
	922	+ background-origin: border-box;
	923	+ background-clip: content-box, border-box;
	924	+ border: 3px solid transparent;
	925	+ }
	926	+ .swiper-slide:hover{
	927	+ background-image: linear-gradient(#fff, #fff),
	928	+ linear-gradient(-45deg, #ca3e49, #3d355d);
	929	+ }
916	930	.swiper-wrapper {
917	931	margin: 0;
918	932	}
919	933
920	934	.swiper-slide img {
921	935	width: -webkit-fill-available;
	936	+
922	937	}
923	938
	939	+ input{position: absolute; right: 6px; top: 6px;}
924	940	}
925	941	}
926	942

...	...	@@ -1,9 +1,7 @@
1	1	<template>
2		- <div>
3	2	<img v-if="thumbnailUrl" :src="thumbnailUrl" alt="비디오 썸네일">
4	3	<div v-else-if="error" class="error">썸네일 생성 실패</div>
5	4	<div v-else class="loading">로딩 중...</div>
6		- </div>
7	5	</template>
8	6	<script>
9	7	export default {
...	...	@@ -115,6 +113,7 @@
115	113	height: 100%;
116	114	min-height: 180px;
117	115	background-color: #f0f0f0;
	116	+ border-radius: 30px;
118	117	}
119	118
120	119	.loading {

...	...	@@ -15,12 +15,12 @@
15	15	<dl>
16	16	<dd class="mb-25">
17	17	<label for="id">아이디</label>
18		- <input type="text" id="id" class="wfull" placeholder="아이디를 입력하세요." v-model="member['loginId']">
	18	+ <input type="text" id="id" placeholder="아이디를 입력하세요." v-model="member['loginId']">
19	19	</dd>
20	20
21	21	<dd class="mb-10">
22	22	<label for="pw">비밀번호</label>
23		- <input type="password" id="pw" class="wfull" placeholder="비밀번호를 입력하세요." v-model="member['password']"
	23	+ <input type="password" id="pw" placeholder="비밀번호를 입력하세요." v-model="member['password']"
24	24	@keyup.enter="fnLogin">
25	25	</dd>
26	26	<dd class="check-area flex-end mb-25">

Delete comment