From f4c9804ded1fbd42fa91625979baabed0ee66c96 Mon Sep 17 00:00:00 2001
From: sk1982 <sk1982@noreply.gitea.tendokyu.moe>
Date: Tue, 2 Apr 2024 02:47:39 -0400
Subject: [PATCH] increase sidebar link sizes on mobile

---
 src/app/(with-header)/header-sidebar.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/(with-header)/header-sidebar.tsx b/src/app/(with-header)/header-sidebar.tsx
index b104062..3e67294 100644
--- a/src/app/(with-header)/header-sidebar.tsx
+++ b/src/app/(with-header)/header-sidebar.tsx
@@ -330,17 +330,17 @@ export const HeaderSidebar = ({ children }: HeaderSidebarProps) => {
 								setMenuOpen(false);
 								cookies.remove('actaeon-navigated-from');
 							}}
-								className={`text-2xl transition hover:text-secondary ${route === routeGroup ? 'font-bold' : 'font-semibold'}`}>
+								className={`block py-1 sm:py-0 text-3xl sm:text-2xl transition hover:text-secondary ${route === routeGroup ? 'font-bold' : 'font-semibold'}`}>
 								{route.name}
 							</Link>}
 							<div className="ml-2 mt-2">
 								{route.routes?.filter(filter)?.map(subroute => <div className="mb-1" key={subroute.url}>
 									{subroute.routes?.length ? <div
-										className={`text-xl`}>
-										{subroute.name}
+										className={`text-2xl sm:text-xl`}>
+										<div className="py-1 sm:py-0">{subroute.name}</div>
 										<div className="flex flex-col ml-1.5 pl-3 border-l border-gray-500/25 mt-0.5">
 											{subroute.routes.filter(filter).map(route => (<Link href={route.url} key={route.url} onClick={() => setMenuOpen(false)}
-												className={`text-[1.075rem] transition ${path?.startsWith(route.url) ? 'font-semibold text-primary' : 'hover:text-secondary'}`}>
+												className={`py-2 sm:py-0 text-xl sm:text-[1.075rem] transition ${path?.startsWith(route.url) ? 'font-semibold text-primary' : 'hover:text-secondary'}`}>
 												{route.name}
 											</Link>))}
 										</div>
@@ -348,7 +348,7 @@ export const HeaderSidebar = ({ children }: HeaderSidebarProps) => {
 										setMenuOpen(false);
 										cookies.remove('actaeon-navigated-from');
 									}}
-										className={`text-xl transition ${path?.startsWith(subroute.url) ? 'font-semibold text-primary' : 'hover:text-secondary'}`}>
+										className={`block py-1 sm:py-0 text-2xl sm:text-xl transition ${path?.startsWith(subroute.url) ? 'font-semibold text-primary' : 'hover:text-secondary'}`}>
 										{subroute.name}
 									</Link>}
 								</div>)}
@@ -366,7 +366,7 @@ export const HeaderSidebar = ({ children }: HeaderSidebarProps) => {
 						</Button>
 					</Link>}
 				</div>
-				<Button color="primary" className="w-full" onClick={() => user ? logout({ redirectTo: '/' }) : login()}>
+				<Button color="primary" className="w-full flex-shrink-0" onClick={() => user ? logout({ redirectTo: '/' }) : login()}>
 					{user ? 'Logout' : 'Login'}
 				</Button>
 			</div>