From 54456f358f8d1e4a2a620b637f8360c618e5b30e Mon Sep 17 00:00:00 2001
From: pronist <pronist@naver.com>
Date: Mon, 19 Aug 2024 06:17:33 +0900
Subject: [PATCH] Refactor shortcutLayer

---
 app.pug                      |  1 +
 assets/css/shortcutLayer.css | 20 ++++++++++++++++++++
 index.pug                    |  3 +--
 views/ShortcutLayer.pug      | 22 ----------------------
 4 files changed, 22 insertions(+), 24 deletions(-)
 create mode 100644 assets/css/shortcutLayer.css
 delete mode 100644 views/ShortcutLayer.pug

diff --git a/app.pug b/app.pug
index 6b7d65c..0ab96ec 100644
--- a/app.pug
+++ b/app.pug
@@ -33,6 +33,7 @@ html#hELLO(
 
     style
       include:postcss @/css/app.css
+      include:postcss @/css/shortcutLayer.css
 
     script(fixed).
       /**
diff --git a/assets/css/shortcutLayer.css b/assets/css/shortcutLayer.css
new file mode 100644
index 0000000..4c35c9b
--- /dev/null
+++ b/assets/css/shortcutLayer.css
@@ -0,0 +1,20 @@
+#shortcutLayer {
+  @apply shadow-none bg-h-200 dark:bg-h-700;
+
+  .btn_doc_close {
+    @apply border-0 bg-h-700 text-h-200 dark:bg-h-600;
+  }
+
+  h2,
+  h3 {
+    @apply font-bold;
+  }
+
+  h2,
+  h3,
+  th,
+  td,
+  p {
+    @apply text-h-600 dark:text-h-200 border-h-300 dark:border-h-600;
+  }
+}
diff --git a/index.pug b/index.pug
index 53ed26b..de07d01 100644
--- a/index.pug
+++ b/index.pug
@@ -2,13 +2,12 @@ extends app
 
 block TIDORY
   include views/Loader
-  include views/ScrollIndicator
-  include views/ShortcutLayer
   s_t3
     #index(
       x-data='{ sidebar: false }'
       class='pl-0 break-all <s_if_var_sidebar>xl:pl-s</s_if_var_sidebar>')
       include views/Main
       include views/Sidebar
+      include views/Indicator
       include views/Top
       include views/Bottom
diff --git a/views/ShortcutLayer.pug b/views/ShortcutLayer.pug
deleted file mode 100644
index cf4793e..0000000
--- a/views/ShortcutLayer.pug
+++ /dev/null
@@ -1,22 +0,0 @@
-style
-  :postcss
-    #shortcutLayer {
-      @apply shadow-none bg-h-200 dark:bg-h-700;
-
-      .btn_doc_close {
-        @apply border-0 bg-h-700 text-h-200 dark:bg-h-600;
-      }
-
-      h2,
-      h3 {
-        @apply font-bold;
-      }
-
-      h2,
-      h3,
-      th,
-      td,
-      p {
-        @apply text-h-600 dark:text-h-200 border-h-300 dark:border-h-600;
-      }
-    }