From 88c2ad86640bb23e51bf4395e4d8c0f027257c29 Mon Sep 17 00:00:00 2001
From: Lumither Tao <lumither@outlook.com>
Date: Wed, 27 Aug 2025 02:57:39 +0800
Subject: [PATCH] feat(ui) construction banner

---
 frontend/app/layout.tsx | 3 +++
 frontend/app/page.tsx   | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 04bb4b9..e2fdce6 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -21,6 +21,9 @@ export default function RootLayout({
         <html lang="en" suppressHydrationWarning>
         <body className={ `transition duration-300 dark:bg-[#282830] min-h-screen` }>
         <NextThemesProvider attribute="class" defaultTheme="system">
+            <div className={ 'fixed top-0 w-full h-15 bg-yellow-600 z-50' }>
+                <p className={ 'font-bold text-2xl text-center' }>*System Under Construction*</p>
+            </div>
             { children }
         </NextThemesProvider>
         </body>
diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index 5ed5fe7..91e4bf3 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -8,7 +8,7 @@ import Link from 'next/link';
 
 export default function Home() {
 
-    const isMobile = useScreenSizeTrigger('lg');
+    const isMobile = useScreenSizeTrigger('sm');
 
     return (
         <div>
@@ -47,7 +47,7 @@ export default function Home() {
                                             href={ meta.href }
                                         >
                                             { meta.icon }
-                                            <p className={ `font-bold hidden lg:block` }>{ meta.display_name }</p>
+                                            <p className={ `font-bold hidden sm:block` }>{ meta.display_name }</p>
                                         </Button>
                                     </li>
                                 ))