From ae70439447d029e5f9e2fcd558dc198bff47c89b Mon Sep 17 00:00:00 2001
From: taehoon <th.dev91@gmail.com>
Date: Fri, 19 Jul 2019 12:39:18 -0400
Subject: setting display: initial makes trouble, instead, toggle display: none
 using classname

---
 src/App.scss | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'src/App.scss')

diff --git a/src/App.scss b/src/App.scss
index ea7b54e8..1f0b2619 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -38,6 +38,10 @@ h4 {
   text-align: center;
 }
 
+.hidden {
+  display: none;
+}
+
 body {
   font-family: sans-serif;
   font-family: var(--interfaceFont, sans-serif);
-- 
cgit v1.2.3-70-g09d2


From 92be5a68776633b166323108dd34216eaae20753 Mon Sep 17 00:00:00 2001
From: taehoon <th.dev91@gmail.com>
Date: Fri, 19 Jul 2019 12:50:21 -0400
Subject: Reserve scrollbar gap when body scroll is locked

---
 src/App.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src/App.scss')

diff --git a/src/App.scss b/src/App.scss
index 1f0b2619..3914cec2 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -10,7 +10,8 @@
   position: fixed;
   z-index: -1;
   height: 100%;
-  width: 100%;
+  left: 0;
+  right: -20px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 0 50%;
@@ -351,6 +352,7 @@ i[class*=icon-] {
   align-items: center;
   position: fixed;
   height: 50px;
+  box-sizing: border-box;
 
   .logo {
     display: flex;
-- 
cgit v1.2.3-70-g09d2


From 37ae0fd92c2d392cda56912707e6c52faec54334 Mon Sep 17 00:00:00 2001
From: taehoon <th.dev91@gmail.com>
Date: Thu, 5 Sep 2019 12:22:56 -0400
Subject: fix logo moving bug when lightbox is open

---
 src/App.scss |  1 +
 src/App.vue  | 24 ++++++++++++------------
 2 files changed, 13 insertions(+), 12 deletions(-)

(limited to 'src/App.scss')

diff --git a/src/App.scss b/src/App.scss
index 3914cec2..a8850961 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -392,6 +392,7 @@ i[class*=icon-] {
   }
 
   .inner-nav {
+    position: relative;
     margin: auto;
     box-sizing: border-box;
     padding-left: 10px;
diff --git a/src/App.vue b/src/App.vue
index d7453549..eb571a17 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,20 +15,20 @@
       class="nav-bar container"
       @click="scrollToTop()"
     >
-      <div
-        class="logo"
-        :style="logoBgStyle"
-      >
+      <div class="inner-nav">
         <div
-          class="mask"
-          :style="logoMaskStyle"
-        />
-        <img
-          :src="logo"
-          :style="logoStyle"
+          class="logo"
+          :style="logoBgStyle"
         >
-      </div>
-      <div class="inner-nav">
+          <div
+            class="mask"
+            :style="logoMaskStyle"
+          />
+          <img
+            :src="logo"
+            :style="logoStyle"
+          >
+        </div>
         <div class="item">
           <router-link
             class="site-name"
-- 
cgit v1.2.3-70-g09d2


From 7fe6ba2401745ce61e3fb2f438948693df322ba1 Mon Sep 17 00:00:00 2001
From: taehoon <th.dev91@gmail.com>
Date: Thu, 5 Sep 2019 12:28:47 -0400
Subject: avoid using global class

---
 src/App.scss | 4 ----
 1 file changed, 4 deletions(-)

(limited to 'src/App.scss')

diff --git a/src/App.scss b/src/App.scss
index a8850961..2190f91a 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -39,10 +39,6 @@ h4 {
   text-align: center;
 }
 
-.hidden {
-  display: none;
-}
-
 body {
   font-family: sans-serif;
   font-family: var(--interfaceFont, sans-serif);
-- 
cgit v1.2.3-70-g09d2