feat: github pages deployment

vuesence · Oct 31, 2023 · 2854a57 · 2854a57
1 parent aed509e
commit 2854a57
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
@@ -22,6 +22,7 @@ body {
   display: flex;
   place-items: center;
   min-width: 320px;
+  background-color: white;
   // min-height: 100vh;
   a {
     font-weight: 500;

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
@@ -16,6 +16,7 @@
   height: 2em;
   padding: 15px 20px;
   background-color: #eee;
+  z-index: 3;
   .title {
     font-size: 1.5em;
   }

diff --git a/src/components/TouchSlideout.vue b/src/components/TouchSlideout.vue
@@ -226,7 +226,7 @@ onUnmounted(() => {
 .touch-slideout {
   z-index: 9999;
   position: fixed;
-  top: 0;
+  // top: 0;
   left: 0;
   height: 100%;
   will-change: transform;
@@ -245,14 +245,15 @@ onUnmounted(() => {
   overflow-y: overlay;
   height: 100%;
   width: 100%;
-  background: hsl(2, 57%, 40%);
+  // background: hsl(2, 57%, 40%);
+  background-color: #eee;
 }
 .overlay {
   background: #000;
   position: fixed;
   width: 100%;
   height: 100%;
-  top: 0;
+  // top: 0;
   left: 0;
   opacity: 0;
   will-change: opacity;

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
@@ -4,9 +4,10 @@ import TouchSlideout from "@/components/TouchSlideout.vue";
 import AppHeader from "@/components/AppHeader.vue";
 import AppFooter from "@/components/AppFooter.vue";
 import AppSidebar from "@/components/AppSidebar.vue";
-import { useAppConfig } from "@/composables/useAppConfig";
 
-const { isDrawerOpen } = useAppConfig();
+// import { useAppConfig } from "@/composables/useAppConfig";
+
+// const { isDrawerOpen } = useAppConfig();
 
 // const drawerStatus = ref(true);
 // function toggleDrawer() {