Commit @8dba2347fba145354d4a7cf79dc1c14397ee0c3f

최정임 05-02

250502 최정임 등록페이지 버튼, 영상 화면 조절 css

@8dba2347fba145354d4a7cf79dc1c14397ee0c3f

f88a1e3

8dba234

client/resources/css/user/sub.css

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

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


                 height: 800px;
                 border-radius: 20px;
             }
+            .video-container {
+                position: relative;
+                width: 100%;
+                padding-top: 56.25%; /* 16:9 비율 */
+                overflow: hidden;
+              }
+              
+              .video-container iframe {
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+              }
         }
 
         .main-swiper {

         }
 
         .thumbnail {
-            width: 1127px;
-            padding: 30px 0px;
+            /* width: 1127px; */
+            padding: 30px 95px;
             background-color: #fff;
             border-radius: 90px;
             position: absolute;

     padding: 10px 0;
 }
 
-
+/* 에디터 */
+.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
+    border-color: #ddd !important;
+    box-shadow: 0 0 0 0 !important;
+}
+  .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content{
+    border-color: #ddd !important;
+  }
+  .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused){
+    border-color: #ddd !important;
+  }
+  .ck.ck-balloon-panel.ck-balloon-panel_visible{
+    display: none !important;
+  }

f88a1e3

8dba234

client/views/component/player/YoutubeComponent.vue

--- client/views/component/player/YoutubeComponent.vue

+++ client/views/component/player/YoutubeComponent.vue


 <template>
-  <iframe v-if="videoId && !loadError" width="100%" height="843.75px" :src="embedUrl" frameborder="0" referrerpolicy="strict-origin-when-cross-origin" sandbox="allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen @error="handleError"></iframe>
+   <div v-if="videoId && !loadError" class="video-container">
+    <iframe
+      :src="embedUrl"
+      frameborder="0"
+      referrerpolicy="strict-origin-when-cross-origin"
+      sandbox="allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+      allowfullscreen
+      @error="handleError"
+    ></iframe>
+  </div>
   <div v-else style="text-align: center;">
     <img src="client/resources/images/no_media.png" alt="미디어를 표시할 수 없습니다" style="width: auto; height: auto;" />
   </div>

f88a1e3

8dba234

client/views/pages/bbsDcry/photo/PicHistoryInsert.vue

--- client/views/pages/bbsDcry/photo/PicHistoryInsert.vue

+++ client/views/pages/bbsDcry/photo/PicHistoryInsert.vue


         </dd>
       </dl>
     </form>
-    <div class="btn-group flex-center">
+    <div class="btn-group flex-end">
       <button type="button" class="cancel" @click="fnMoveTo('list')">취소</button>
       <button type="button" class="register" @click="submitForm">
         <span v-if="$isEmpty(pageId)">등록</span>

f88a1e3

8dba234

client/views/pages/bbsDcry/video/VideoHistoryInsert.vue

--- client/views/pages/bbsDcry/video/VideoHistoryInsert.vue

+++ client/views/pages/bbsDcry/video/VideoHistoryInsert.vue


         </dd>
       </dl>
     </form>
-    <div class="btn-group flex-center">
+    <div class="btn-group flex-end">
       <button type="button" class="cancel" @click="fnMoveTo('list')">취소</button>
       <button type="button" class="register" @click="submitForm">
         <span v-if="$isEmpty(pageId)">등록</span>

f88a1e3

8dba234

client/views/pages/bbsMediaVido/MediaVideoInsert.vue

--- client/views/pages/bbsMediaVido/MediaVideoInsert.vue

+++ client/views/pages/bbsMediaVido/MediaVideoInsert.vue


         </dd>
       </dl>
     </form>
-    <div class="btn-group flex-center">
+    <div class="btn-group flex-end">
       <button type="button" class="cancel" @click="fnMoveTo('list')">취소</button>
       <button type="button" class="register" @click="submitForm">
         <span v-if="$isEmpty(pageId)">등록</span>

f88a1e3

8dba234

client/views/pages/bbsNesDta/NewsReleaseInsert.vue

--- client/views/pages/bbsNesDta/NewsReleaseInsert.vue

+++ client/views/pages/bbsNesDta/NewsReleaseInsert.vue


         </dd>
       </dl>
     </form>
-    <div class="btn-group flex-center">
+    <div class="btn-group flex-end">
       <button type="button" class="cancel" @click="fnMoveTo('list')">취소</button>
       <button type="button" class="register" @click="submitForm">
         <span v-if="$isEmpty(pageId)">등록</span>

Add a comment

Open 0
Closed 0

List

...	...	@@ -921,6 +921,20 @@
921	921	height: 800px;
922	922	border-radius: 20px;
923	923	}
	924	+ .video-container {
	925	+ position: relative;
	926	+ width: 100%;
	927	+ padding-top: 56.25%; /* 16:9 비율 */
	928	+ overflow: hidden;
	929	+ }
	930	+
	931	+ .video-container iframe {
	932	+ position: absolute;
	933	+ top: 0;
	934	+ left: 0;
	935	+ width: 100%;
	936	+ height: 100%;
	937	+ }
924	938	}
925	939
926	940	.main-swiper {
...	...	@@ -940,8 +954,8 @@
940	954	}
941	955
942	956	.thumbnail {
943		- width: 1127px;
944		- padding: 30px 0px;
	957	+ /* width: 1127px; */
	958	+ padding: 30px 95px;
945	959	background-color: #fff;
946	960	border-radius: 90px;
947	961	position: absolute;
...	...	@@ -1441,4 +1455,17 @@
1441	1455	padding: 10px 0;
1442	1456	}
1443	1457
1444		-
	1458	+/* 에디터 */
	1459	+.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
	1460	+ border-color: #ddd !important;
	1461	+ box-shadow: 0 0 0 0 !important;
	1462	+}
	1463	+ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content{
	1464	+ border-color: #ddd !important;
	1465	+ }
	1466	+ .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused){
	1467	+ border-color: #ddd !important;
	1468	+ }
	1469	+ .ck.ck-balloon-panel.ck-balloon-panel_visible{
	1470	+ display: none !important;
	1471	+ } (파일 끝에 줄바꿈 문자 없음)

...	...	@@ -104,7 +104,7 @@
104	104	</dd>
105	105	</dl>
106	106	</form>
107		- <div class="btn-group flex-center">
	107	+ <div class="btn-group flex-end">
108	108	<button type="button" class="cancel" @click="fnMoveTo('list')">취소</button>
109	109	<button type="button" class="register" @click="submitForm">
110	110	<span v-if="$isEmpty(pageId)">등록</span>

...	...	@@ -85,7 +85,7 @@
85	85	</dd>
86	86	</dl>
87	87	</form>
88		- <div class="btn-group flex-center">
	88	+ <div class="btn-group flex-end">
89	89	<button type="button" class="cancel" @click="fnMoveTo('list')">취소</button>
90	90	<button type="button" class="register" @click="submitForm">
91	91	<span v-if="$isEmpty(pageId)">등록</span>

...	...	@@ -87,7 +87,7 @@
87	87	</dd>
88	88	</dl>
89	89	</form>
90		- <div class="btn-group flex-center">
	90	+ <div class="btn-group flex-end">
91	91	<button type="button" class="cancel" @click="fnMoveTo('list')">취소</button>
92	92	<button type="button" class="register" @click="submitForm">
93	93	<span v-if="$isEmpty(pageId)">등록</span>

...	...	@@ -1,5 +1,15 @@
1	1	<template>
2		- <iframe v-if="videoId && !loadError" width="100%" height="843.75px" :src="embedUrl" frameborder="0" referrerpolicy="strict-origin-when-cross-origin" sandbox="allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen @error="handleError"></iframe>
	2	+ <div v-if="videoId && !loadError" class="video-container">
	3	+ <iframe
	4	+ :src="embedUrl"
	5	+ frameborder="0"
	6	+ referrerpolicy="strict-origin-when-cross-origin"
	7	+ sandbox="allow-scripts allow-same-origin allow-presentation allow-popups allow-popups-to-escape-sandbox"
	8	+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
	9	+ allowfullscreen
	10	+ @error="handleError"
	11	+ ></iframe>
	12	+ </div>
3	13	<div v-else style="text-align: center;">
4	14	<img src="client/resources/images/no_media.png" alt="미디어를 표시할 수 없습니다" style="width: auto; height: auto;" />
5	15	</div>

...	...	@@ -50,7 +50,7 @@
50	50	</dd>
51	51	</dl>
52	52	</form>
53		- <div class="btn-group flex-center">
	53	+ <div class="btn-group flex-end">
54	54	<button type="button" class="cancel" @click="fnMoveTo('list')">취소</button>
55	55	<button type="button" class="register" @click="submitForm">
56	56	<span v-if="$isEmpty(pageId)">등록</span>

Delete comment