From 108d8a2f8a87c1278ce2137cc97525559484ef67 Mon Sep 17 00:00:00 2001
From: Yeokyung Yoon <zzzzz.co.kr@gmail.com>
Date: Wed, 29 Jun 2022 00:56:14 +0900
Subject: [PATCH] fix: fix layout shift, class name

---
 src/backend/views/pages/form.twig           | 2 +-
 src/frontend/styles/components/writing.pcss | 2 +-
 src/frontend/styles/vars.pcss               | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/backend/views/pages/form.twig b/src/backend/views/pages/form.twig
index b45c0bc..8a7bd6e 100644
--- a/src/backend/views/pages/form.twig
+++ b/src/backend/views/pages/form.twig
@@ -13,7 +13,7 @@
       }
     </textarea>
     <header class="writing-header">
-      <div class="writing-header__left">
+      <div class="writing-header__inner-container">
         {% set currentPageId = 0 %}
         {% if page is not empty %}
           {% set currentPageId = page._id %}
diff --git a/src/frontend/styles/components/writing.pcss b/src/frontend/styles/components/writing.pcss
index f632d75..59269f5 100644
--- a/src/frontend/styles/components/writing.pcss
+++ b/src/frontend/styles/components/writing.pcss
@@ -14,7 +14,7 @@
     margin: auto;
   }
 
-  &__left {
+  &__inner-container {
     margin: auto 0;
     display: flex;
     color: var(--color-text-second);
diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss
index 533a0c2..334cd0d 100644
--- a/src/frontend/styles/vars.pcss
+++ b/src/frontend/styles/vars.pcss
@@ -79,7 +79,7 @@
     position: relative;
     padding: 10px 30px 10px 10px;
     width: 100%;
-    border: none;
+    border: solid 1px transparent;
     border-radius: 8px;
     background-color: var(--color-input-primary);
     box-sizing: border-box;
@@ -101,7 +101,7 @@
   --input {
     padding: 10px;
     width: 100%;
-    border: none;
+    border: solid 1px transparent;
     border-radius: 8px;
     background-color: var(--color-input-primary);
     box-sizing: border-box;
@@ -115,7 +115,7 @@
       outline: none;
     }
   }
-      
+
   --squircle {
     @supports(-webkit-mask-box-image: url('')){
       border-radius: 0;
@@ -132,4 +132,4 @@
 @custom-media --tablet all and (min-width: 980px) and (max-width: 1050px);
 @custom-media --mobile all and (max-width: 980px);
 @custom-media --retina all and (-webkit-min-device-pixel-ratio: 1.5);
-@custom-media --can-hover all and (hover:hover)
\ No newline at end of file
+@custom-media --can-hover all and (hover:hover);