From 0e6fc6e43dfb5ffb17367f9344489b3d88f8f956 Mon Sep 17 00:00:00 2001
From: haesung lee <lbard@naver.com>
Date: Fri, 8 Mar 2024 10:51:04 +0900
Subject: [PATCH] =?UTF-8?q?=ED=86=A0=EA=B8=80=20=EB=B0=8F=20=EB=A9=94?=
 =?UTF-8?q?=EB=89=B4=20=EB=82=98=EC=98=A4=EA=B2=8C=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/style.css |  9 +++++----
 templates/base.html  | 29 +++++++++++++++--------------
 2 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 790d1d2..618a257 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -80,6 +80,7 @@
         font-weight:300;
         color:#901438;
         cursor:default;
+        text-align:center;
     }
     .nav__div .nav__title{padding-top:30px;writing-mode:vertical-lr;}
     .nav__div .uk-icon{cursor:pointer;}
@@ -87,16 +88,16 @@
     /* toggle menu */
     .menu__wrap{
         position:fixed;
-        right:0;
+        right:-440px;
         background:#e7e6e7;
         width:340px;
         height:100%;
-        padding:3%;
+        padding:50px 20px;
         z-index:1;
         display:none;
     }
     .menu__box{background:#fff;height:88%;border-radius:20px;}
-    .menu__close{position:absolute;top:10px;right:10px;cursor:pointer;}
+    .menu__close{position:absolute;top:20px;right:25px;cursor:pointer;}
     .menu__box ul{padding:8% 20%;}
     .menu__box ul li{font-size:20px;text-align:center;padding:30px 0;border-bottom:1px solid #e7e6e7;}
     .menu__box ul li:last-child{border-bottom:none;}
@@ -186,7 +187,7 @@
     .post__lists li:hover .lists__img{box-shadow:1px 1px 5px RGBA(144,20,68,0.2);}
 
     /* footer */
-    footer{width:100%;height:430px;background-color:#100e11;}
+    footer{width:100%;height:430px;background-color:#100e11;position:relative;z-index:9999;}
     .footer__inner{
         width:100%;
         max-width:1200px;
diff --git a/templates/base.html b/templates/base.html
index d69204c..12c599f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -66,6 +66,7 @@
     $(document).ready(function(){
         // 로그인 메뉴 활성화
         let check_state = 0;
+
         $(".login__section .user__nav__open").click(function(){
             if(check_state != 0){
                 $(this).find("span").attr("uk-icon","icon: triangle-down");
@@ -78,18 +79,18 @@
         });
 
         // 메뉴 토글
-        {#$(".menu__open").click(#}
-        {#    $(".menu__wrap").hide()#}
-        {##}
-        {#    $('.menu__wrap').toggle('slide', {#}
-        {#        direction: 'right'#}
-        {#    }, 400)#}
-        {#);#}
-        {##}
-        {#$('.menu__close').click(#}
-        {#    $('.menu__wrap').toggle('slide', {#}
-        {#        direction: 'right'#}
-        {#    }, 400)#}
-        {#);#}
-    });
+        $(".menu__open").click(function() {
+            $(".menu__wrap").show();
+            $(".nav__div").animate({"right":"-68px"}, 300, function(){
+                $(".menu__wrap").animate({"right":"0"}, 700);
+            });
+        });
+
+        $('.menu__close').click(function() {
+            $(".menu__wrap").animate({"right":"-440px"}, 700, function(){
+                $(".menu__wrap").hide();
+                $(".nav__div").animate({"right":"0"}, 300);
+            });
+        });
+    })
 </script>
\ No newline at end of file