From 67139d069f2d05b78e5bb3b289f3ff73531df870 Mon Sep 17 00:00:00 2001
From: giancarlo <giancarlopsk@gmail.com>
Date: Wed, 10 Apr 2024 20:38:38 +0800
Subject: [PATCH] Update visibility settings for AuthButtons

The 'Div' and 'Link' elements visibility within AuthButtons component have been updated. Previously, they were hidden for smaller screens or at lower resolutions, now it has been adjusted to be visible for such instances allowing better user interface for all types of devices.
---
 .../_components/site-header-account-section.tsx  | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/web/app/(marketing)/_components/site-header-account-section.tsx b/apps/web/app/(marketing)/_components/site-header-account-section.tsx
index 930e71ac0..526a396d2 100644
--- a/apps/web/app/(marketing)/_components/site-header-account-section.tsx
+++ b/apps/web/app/(marketing)/_components/site-header-account-section.tsx
@@ -56,14 +56,16 @@ function SuspendedPersonalAccountDropdown(props: { user: User | null }) {
 
 function AuthButtons() {
   return (
-    <div className={'hidden space-x-0.5 lg:flex'}>
-      <ModeToggle />
+    <div className={'flex space-x-0.5'}>
+      <div className={'hidden space-x-0.5 md:flex'}>
+        <ModeToggle />
 
-      <Link href={pathsConfig.auth.signIn}>
-        <Button variant={'link'}>
-          <Trans i18nKey={'auth:signIn'} />
-        </Button>
-      </Link>
+        <Link href={pathsConfig.auth.signIn}>
+          <Button variant={'link'}>
+            <Trans i18nKey={'auth:signIn'} />
+          </Button>
+        </Link>
+      </div>
 
       <Link href={pathsConfig.auth.signUp}>
         <Button className={'rounded-full'}>