edit button sign up and login at view mobile

src/views/base/aboutUs/desktop/DesktopAboutUsView.vue

@@ -57,22 +57,6 @@
             <a href="#app-download" class="dlanding-nav__drawer-link" @click="closeMobileMenu">دانلود اپلیکیشن</a>
             <a href="#rules" class="dlanding-nav__drawer-link" @click="closeMobileMenu">قوانین</a>
           </nav>
-          <div class="dlanding-nav__drawer-actions">
-            <button
-              type="button"
-              class="dlanding-nav__ghost"
-              @click="goLoginAndCloseMenu"
-            >
-              ورود
-            </button>
-            <button
-              type="button"
-              class="dlanding-nav__primary"
-              @click="goLoginAndCloseMenu"
-            >
-              ثبت‌نام
-            </button>
-          </div>
         </div>
 
         <button
@@ -1461,11 +1445,6 @@ function goToLoginApp() {
   window.open(url, '_blank', 'noopener,noreferrer')
 }
 
-function goLoginAndCloseMenu() {
-  closeMobileMenu()
-  goToLoginApp()
-}
-
 function syncBodyScrollLock(locked: boolean) {
   if (!import.meta.client) return
   document.documentElement.classList.toggle('dlanding-menu-open', locked)

src/views/base/aboutUs/desktop/styles/desktop-about-us.less

@@ -3262,14 +3262,28 @@ body.dlanding-menu-open {
     height: var(--dlanding-nav-height);
     z-index: 50;
 
-    &__links,
-    &__actions {
+    &__links {
       display: none;
     }
 
+    &__actions {
+      display: flex;
+      order: 1;
+      gap: 6px;
+      flex-shrink: 0;
+    }
+
+    &__ghost,
+    &__primary {
+      height: 36px;
+      padding: 0 10px;
+      font-size: 12px;
+      white-space: nowrap;
+    }
+
     &__inner {
       flex-wrap: nowrap;
-      gap: 12px;
+      gap: 8px;
       min-height: var(--dlanding-nav-height);
     }
 
@@ -3281,7 +3295,7 @@ body.dlanding-menu-open {
 
     &__logo {
       height: 34px;
-      max-width: min(168px, 42vw);
+      max-width: min(140px, 34vw);
     }
 
     &__burger {
@@ -3294,7 +3308,7 @@ body.dlanding-menu-open {
     &__drawer {
       display: flex;
       flex-direction: column;
-      gap: 20px;
+      gap: 8px;
       position: absolute;
       top: 100%;
       right: 0;
@@ -3341,24 +3355,6 @@ body.dlanding-menu-open {
       }
     }
 
-    &__drawer-actions {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      gap: 10px;
-
-      .dlanding-nav__ghost {
-        height: 44px;
-        border: 1px solid rgba(16, 43, 78, 0.14);
-        border-radius: 14px;
-        background: #fff;
-      }
-
-      .dlanding-nav__primary {
-        height: 44px;
-        border-radius: 14px;
-      }
-    }
-
     &__backdrop {
       display: block;
       position: fixed;
@@ -3884,8 +3880,24 @@ body.dlanding-menu-open {
   .dlanding-nav {
     height: var(--dlanding-nav-height);
 
+    &__logo {
+      height: 30px;
+      max-width: min(112px, 30vw);
+    }
+
+    &__actions {
+      gap: 4px;
+    }
+
+    &__ghost,
+    &__primary {
+      height: 32px;
+      padding: 0 8px;
+      font-size: 11px;
+    }
+
     &__drawer {
-      gap: 20px;
+      gap: 8px;
       padding: 8px var(--dlanding-frame-px) 24px;
     }