From c47822cae7ce40fd2a3fc2d4f1e3f67b4df5e526 Mon Sep 17 00:00:00 2001
From: nymkappa <1612910616@pm.me>
Date: Fri, 22 Mar 2024 14:34:21 +0900
Subject: [PATCH] [menu] fix css

---
 .../src/app/components/menu/menu.component.ts |  9 +++
 .../global-footer.component.scss              | 60 +++++++++++++++++++
 2 files changed, 69 insertions(+)

diff --git a/frontend/src/app/components/menu/menu.component.ts b/frontend/src/app/components/menu/menu.component.ts
index e3f66ce25..7a2d8b6ed 100644
--- a/frontend/src/app/components/menu/menu.component.ts
+++ b/frontend/src/app/components/menu/menu.component.ts
@@ -78,6 +78,15 @@ export class MenuComponent implements OnInit, OnDestroy {
     this.stateService.menuOpen$.next(this.navOpen);
   }
 
+  @HostListener('window:resize', ['$event'])
+  onResize(event) {
+    if (this.isSmallScreen()) {
+      this.toggleMenu(false);
+    } else if (this.isServicesPage) {
+      this.toggleMenu(true);
+    }
+  }
+
   @HostListener('window:click', ['$event'])
   onClick(event) {
     const isServicesPageOnMobile = this.isServicesPage && this.isSmallScreen();
diff --git a/frontend/src/app/shared/components/global-footer/global-footer.component.scss b/frontend/src/app/shared/components/global-footer/global-footer.component.scss
index c2bfe71dd..5467f09c1 100644
--- a/frontend/src/app/shared/components/global-footer/global-footer.component.scss
+++ b/frontend/src/app/shared/components/global-footer/global-footer.component.scss
@@ -1,6 +1,11 @@
 footer {
   background-color: #1d1f31;
   margin-top: 30px;
+  &.services {
+    @media (min-width: 768px) {
+      padding-left: 240px;
+    }
+  }
 }
 
 footer a {
@@ -162,6 +167,61 @@ footer .sponsor {
   }
 }
 
+.services {
+  @media (min-width: 901px) and (max-width: 1147px) {
+    :host-context(.ltr-layout) .services .language-selector {
+      float: none !important;
+    }
+    :host-context(.rtl-layout) .services .language-selector {
+      float: none !important;
+    }
+
+    .explore-tagline-desktop {
+      display: none;
+    }
+
+    .explore-tagline-mobile {
+      display: block;
+    }
+
+    .main-logo {
+      width: 220px;
+    }
+
+    footer .row.link-tree {
+      font-size: 16px;
+    }
+
+    footer .row.social-links svg {
+      width: 20px;
+    }
+
+    footer .row.link-tree {
+      display: block;
+      text-align: center;
+    }
+
+    footer .link-tree .links {
+      margin-bottom: 20px;
+    }
+
+    footer .row.main .branding {
+      text-align: center;
+      padding: 0px;
+    }
+
+    .main-logo {
+      display: block;
+      margin: 0 auto;
+    }
+
+    footer .site-options {
+      float: none;
+      margin-top: 15px;
+    }
+  }
+}
+
 @media (max-width: 1200px) {
 
   .main-logo {