Commit @a13856ccfc43278e5fa9e135e346fadedfd844b0

류윤주 07-23

240723 류윤주 영문 버전 관련 틀어짐 수정

@a13856ccfc43278e5fa9e135e346fadedfd844b0

4979022

a13856c

client/resources/css/style.css

--- client/resources/css/style.css

+++ client/resources/css/style.css


     z-index: 2;
 }
 
-.main-text p,
-.main-text h3 {
+.main-text p{
     letter-spacing: 1px;
-    word-spacing: 1px
+    word-spacing: 1px;
+    line-height: 180%;
 }
 
 .main-text h3 {

     /* font-style: italic; */
 }
 
-.main-text p {
-    line-height: 180%;
+
+html[lang='en'] .main-text{
+    width: 100%;
+    max-width: 1000px;
 }
+html[lang='en'] .main-text p{
+    font-size: 1.7rem;
+}
+html[lang='en'] .main-text h3{
+    font-size: 3rem;
+}
+
+html[lang='en'] .main-text h3 span{
+    font-size: 6.5rem;
+}
+
 
 .swiper-button-next,
 .swiper-button-prev {

     background-size: cover;
 }
 
+html[lang='en'] .introduce-list{
+    height: 725px;
+}
+
 .introduce-wrap:nth-child(1)>.introduce-list {
     background-image: url(../img/box_banner1.png);
     transition: filter 0.3s ease;

4979022

a13856c

client/views/layout/UserHeader.vue

--- client/views/layout/UserHeader.vue

+++ client/views/layout/UserHeader.vue


             </div>
             <div class="w1280">
                 <div class="flex justify-between align-end content header-sort">
-                    <div class="logo pd10 pl0" :style="{ width: language === 'KO' ? '370px' : '' }">
+                    <div :class="{'logo pd10 pl0':true, 'en-logo': language === 'KO'}" >
                         <a href="/aidt/main.page"
                             :class="{ 'white': true, 'small-logo': language === 'KO', 'page-sub-title': language === 'EN' }">
                             <img src="../../resources/img/logo_simbol.png" alt="AI 디지털교과서 통합지원센터 홈 바로가기" />

Add a comment

Open 0
Closed 0

List

...	...	@@ -600,10 +600,10 @@
600	600	z-index: 2;
601	601	}
602	602
603		-.main-text p,
604		-.main-text h3 {
	603	+.main-text p{
605	604	letter-spacing: 1px;
606		- word-spacing: 1px
	605	+ word-spacing: 1px;
	606	+ line-height: 180%;
607	607	}
608	608
609	609	.main-text h3 {
...	...	@@ -618,9 +618,22 @@
618	618	/* font-style: italic; */
619	619	}
620	620
621		-.main-text p {
622		- line-height: 180%;
	621	+
	622	+html[lang='en'] .main-text{
	623	+ width: 100%;
	624	+ max-width: 1000px;
623	625	}
	626	+html[lang='en'] .main-text p{
	627	+ font-size: 1.7rem;
	628	+}
	629	+html[lang='en'] .main-text h3{
	630	+ font-size: 3rem;
	631	+}
	632	+
	633	+html[lang='en'] .main-text h3 span{
	634	+ font-size: 6.5rem;
	635	+}
	636	+
624	637
625	638	.swiper-button-next,
626	639	.swiper-button-prev {
...	...	@@ -1166,6 +1179,10 @@
1166	1179	background-size: cover;
1167	1180	}
1168	1181
	1182	+html[lang='en'] .introduce-list{
	1183	+ height: 725px;
	1184	+}
	1185	+
1169	1186	.introduce-wrap:nth-child(1)>.introduce-list {
1170	1187	background-image: url(../img/box_banner1.png);
1171	1188	transition: filter 0.3s ease;

...	...	@@ -40,7 +40,7 @@
40	40	</div>
41	41	<div class="w1280">
42	42	<div class="flex justify-between align-end content header-sort">
43		- <div class="logo pd10 pl0" :style="{ width: language === 'KO' ? '370px' : '' }">
	43	+ <div :class="{'logo pd10 pl0':true, 'en-logo': language === 'KO'}" >
44	44	<a href="/aidt/main.page"
45	45	:class="{ 'white': true, 'small-logo': language === 'KO', 'page-sub-title': language === 'EN' }">
46	46	<img src="../../resources/img/logo_simbol.png" alt="AI 디지털교과서 통합지원센터 홈 바로가기" />

Delete comment