[Fixed] fix minor problem

GWDC24 · Jan 26, 2024 · 7043b12 · 7043b12
1 parent 84c3615
commit 7043b12
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 19 deletions.
diff --git a/src/components/Motive.vue b/src/components/Motive.vue
@@ -1,9 +1,10 @@
 <template>
     <div class="motive">
         <h3>강원 지역의 학생과 개발자들은<br/>
-            오프라인 개발 컨퍼런스에 참석하기 위해<br/>
+            개발 컨퍼런스에 참석하기 위해<br/>
             항상 수도권으로 이동해야 했습니다.</h3>
-        <span>우리는 그러한 낮은 접근성을 해소하고 강원 지역 개발자의 네트워킹 기회를 마련하고자 GWDC24를 기획했습니다.</span>
+        <span>우리는 그러한 낮은 접근성을 해소하고 강원 지역 개발자의 네트워킹 기회를 마련하고자<br/>
+            GWDC24를 기획했습니다.</span>
         <span>GWDC24는 강원 지역 기반 개발 커뮤니티 Dev.KNU를 중심으로 이뤄지는 비영리 개발자 컨퍼런스로, 강원 지역 개발 커뮤니티의 확대와 네트워크 구축을 위해 진행하는 행사입니다.</span>
         <span>GWDC24를 통해 구축된 네트워크를 통해 강원 지역 개발자들은 다양한 지역과 배경을 가진 개발자들과의 교류를 통해 전문적인 성장을 이룰 수 있으며, 협업의 기회를 확대할 수 있을 것입니다.</span>
     </div>
@@ -22,7 +23,7 @@ div.motive {
     h3 {
         color: $color-text-100;
         font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
-        font-size: 18px;
+        font-size: 24px;
         font-style: normal;
         font-weight: 600;
         line-height: normal;
@@ -32,11 +33,11 @@ div.motive {
     span {
         color: $color-text-200;
         font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
-        font-size: 14px;
+        font-size: 18px;
         font-style: normal;
         font-weight: 500;
         line-height: 20px; /* 142.857% */
-        letter-spacing: -0.28px;
+        //letter-spacing: -0.28px;
     }
 }
 </style>
diff --git a/src/components/NavbarHeader.vue b/src/components/NavbarHeader.vue
@@ -22,9 +22,10 @@ $color-backgroun-navbar: rgba($color-white, .1);
     align-items: flex-start;
     gap: 10px;
 
-    z-index: 1;
+    z-index: 10;
     width: 100%;
 
+    backdrop-filter: blur(10px);
     background: $color-backgroun-navbar;
 }
 </style>
diff --git a/src/components/Speaker.vue b/src/components/Speaker.vue
@@ -13,16 +13,16 @@ import speaker_blur_img from '@/assets/image/speaker_blur_img.svg'
 <template>
     <div class='speakers'>
         <div class='speakers-blur'>
-            <div class='speakers-blur-text'>
+            <div class='speakers-blur-container'>
                 <img :src='speaker_blur_img' alt='speaker blur'>
                 <span>GWDC24를 빛내 주실 연사진과 내용은 추후 공개 예정입니다.</span>
             </div>
         </div>
         <div class='speakers-container'>
-            <SpeakerMember :SpeakerName='"연사1"' :SpeakerInfo='"아직 공개되지 않았습니다"' :SpeakerSession='"궁금해서 여기까지 오셨다면 축하드립니다! 이스터에그를 발견하셨습니다"' :SpeakerImg='speaker_1'/>
-            <SpeakerMember :SpeakerName='"연사2"' :SpeakerInfo='"곧 공개될 예정이니 기다려주세요"' :SpeakerSession='"이곳 말고도 다른 곳에 이스터에그가 있으니, 잘 탐색해주세요 :)"' :SpeakerImg='speaker_2'/>
-            <SpeakerMember :SpeakerName='"연사3"' :SpeakerInfo='"3월 초, 기대해주세요"' :SpeakerSession='"이 웹페이지는 Vue + TS 기반으로 만들어졌습니다"' :SpeakerImg='speaker_3'/>
-            <SpeakerMember :SpeakerName='"연사4"' :SpeakerInfo='"현재 연사 섭외중입니다"' :SpeakerSession='"이 이스터에그는 오거나이저 이용현님의 아이디어로 제작되었습니다"' :SpeakerImg='speaker_4'/>
+            <SpeakerMember SpeakerName='연사1' SpeakerInfo='아직 공개되지 않았습니다' SpeakerSession='궁금해서 여기까지 오셨다면 축하드립니다! 이스터에그를 발견하셨습니다' :SpeakerImg='speaker_1'/>
+            <SpeakerMember SpeakerName='연사2' SpeakerInfo='곧 공개될 예정이니 기다려주세요' SpeakerSession='이곳 말고도 다른 곳에 이스터에그가 있으니, 잘 탐색해주세요 :)' :SpeakerImg='speaker_2'/>
+            <SpeakerMember SpeakerName='연사3' SpeakerInfo='3월 초, 기대해주세요' SpeakerSession='이 웹페이지는 Vue + TS 기반으로 만들어졌습니다' :SpeakerImg='speaker_3'/>
+            <SpeakerMember SpeakerName='연사4' SpeakerInfo='현재 연사 섭외중입니다' SpeakerSession='이 이스터에그는 오거나이저 이용현님의 아이디어로 제작되었습니다' :SpeakerImg='speaker_4'/>
         </div>
     </div>
 </template>
@@ -47,11 +47,9 @@ $color-backgroun-speaker: $color-primary-100;
     align-items: center;
 
     position: absolute;
-    z-index: 1;
-
     backdrop-filter: blur(5px);
 
-    .speakers-blur-text {
+    .speakers-blur-container {
         display: flex;
         flex-flow: column;
         align-items: center;
@@ -60,11 +58,13 @@ $color-backgroun-speaker: $color-primary-100;
 
         position: relative;
 
-        font-size: 24px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: normal;
-        text-align: center;
+        span {
+            font-size: 24px;
+            font-style: normal;
+            font-weight: 700;
+            line-height: normal;
+            text-align: center;
+        }
 
         img {
             display: flex;