From e7f03aef9ae44539bd74c3c2520ae7809406110c Mon Sep 17 00:00:00 2001
From: bangae1 <bangae2@gmail.com>
Date: Tue, 3 Jun 2025 08:04:41 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=ED=83=9C?=
 =?UTF-8?q?=EB=B8=94=EB=A6=BF=20=EB=8C=80=EC=9D=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layouts/landing/LandingNavigation.vue | 10 ++++++++++
 src/pages/auth/login.vue                             | 12 +++++++++---
 src/pages/auth/signup.vue                            | 12 ++++++++++--
 src/scss/css-variables/_rtl.scss                     |  6 +++++-
 4 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/components/layouts/landing/LandingNavigation.vue b/src/components/layouts/landing/LandingNavigation.vue
index 5a3f3e2..d83d419 100644
--- a/src/components/layouts/landing/LandingNavigation.vue
+++ b/src/components/layouts/landing/LandingNavigation.vue
@@ -45,6 +45,16 @@ watchEffect(() => {
 </template>
 
 <style lang="scss">
+
+@media (width <= 768px) {
+  .navbar-brand {
+    .navbar-item {
+      max-width: 80%;
+      padding: 0.5rem 1.75rem;
+    }
+  }
+
+}
 .hero {
   .navbar {
     top: 15px;
diff --git a/src/pages/auth/login.vue b/src/pages/auth/login.vue
index 0db9f4e..9763bfc 100644
--- a/src/pages/auth/login.vue
+++ b/src/pages/auth/login.vue
@@ -368,6 +368,12 @@ useHead({
     z-index: 0;
   }
 
+  @media (width <= 768px) {
+    .top-tools {
+      margin-top: 1rem !important;
+      margin-bottom: 3rem !important;
+    }
+  }
   .top-tools {
     display: flex;
     align-items: center;
@@ -734,9 +740,9 @@ useHead({
       inset-inline-end: 44px;
     }
 
-    .is-form {
-      padding-top: 100px;
-    }
+    //.is-form {
+    //  padding-top: 100px;
+    //}
   }
 }
 
diff --git a/src/pages/auth/signup.vue b/src/pages/auth/signup.vue
index f0f67e5..668018b 100644
--- a/src/pages/auth/signup.vue
+++ b/src/pages/auth/signup.vue
@@ -529,7 +529,11 @@ useHead({
   width: 100%;
   height: 65px;
   z-index: 99;
-
+  @media (width <= 768px) {
+    .signup-nav-inner {
+      padding: 0 3rem;
+    }
+  }
   .signup-nav-inner {
     position: relative;
     width: 100%;
@@ -1258,7 +1262,11 @@ useHead({
   max-width: 200px;
   margin: 7px auto 10px;
 }
-
+@media (hover: none) and (pointer: coarse) {
+  .username-form {
+    padding-top: 140px !important;
+  }
+}
 .username-form {
   padding-top: 80px;
 }
diff --git a/src/scss/css-variables/_rtl.scss b/src/scss/css-variables/_rtl.scss
index 1b57a73..977a15f 100644
--- a/src/scss/css-variables/_rtl.scss
+++ b/src/scss/css-variables/_rtl.scss
@@ -4,7 +4,11 @@
   --transform-direction: 1;
   zoom:1.4;
 }
-
+@media (hover: none) and (pointer: coarse) {
+  :root {
+    zoom:1.3 !important;
+  }
+}
 [dir='rtl'] {
   --transform-direction: -1;
 }