From ca58bb20317b52fb86681aa1a1949cfd69f1ad72 Mon Sep 17 00:00:00 2001 From: Eva Decker Date: Fri, 31 Jan 2025 18:05:43 -0500 Subject: [PATCH] fix: Align `AppSidebar` to edge of browser (#363) --- .changeset/thirty-pillows-greet.md | 5 +++++ src/components/app/AppContent/AppContent.tsx | 6 +++++- src/components/app/AppSidebar/AppSidebar.tsx | 6 +++--- src/main.tsx | 3 ++- src/routes/__root.tsx | 3 ++- src/routes/_authenticated/_home.tsx | 5 ++--- .../_authenticated/_home/$questSlug.index.tsx | 19 ++++++++++++------- src/routes/_authenticated/admin/route.tsx | 6 +++--- src/routes/_authenticated/settings/route.tsx | 6 +++--- 9 files changed, 37 insertions(+), 22 deletions(-) create mode 100644 .changeset/thirty-pillows-greet.md diff --git a/.changeset/thirty-pillows-greet.md b/.changeset/thirty-pillows-greet.md new file mode 100644 index 00000000..a54987f9 --- /dev/null +++ b/.changeset/thirty-pillows-greet.md @@ -0,0 +1,5 @@ +--- +"namesake": patch +--- + +Reconfigure app layout for mobile support diff --git a/src/components/app/AppContent/AppContent.tsx b/src/components/app/AppContent/AppContent.tsx index bfb0917e..f319bb00 100644 --- a/src/components/app/AppContent/AppContent.tsx +++ b/src/components/app/AppContent/AppContent.tsx @@ -3,5 +3,9 @@ type AppContentProps = { }; export const AppContent = ({ children }: AppContentProps) => { - return
{children}
; + return ( +
+ {children} +
+ ); }; diff --git a/src/components/app/AppSidebar/AppSidebar.tsx b/src/components/app/AppSidebar/AppSidebar.tsx index 235c78e0..0942ac04 100644 --- a/src/components/app/AppSidebar/AppSidebar.tsx +++ b/src/components/app/AppSidebar/AppSidebar.tsx @@ -33,8 +33,8 @@ export const AppSidebar = ({ children }: AppSidebarProps) => { }; return ( -
-
+
+
@@ -43,7 +43,7 @@ export const AppSidebar = ({ children }: AppSidebarProps) => {
{children}
-
+