From 52883ba380a517394edff83350b0b5558e102daf Mon Sep 17 00:00:00 2001
From: Christopher <admin@gaion.chat>
Date: Thu, 22 Jan 2026 05:00:32 -0800
Subject: [PATCH] feat: update admin page to use banner image upload and modify
 button styles for better UI

---
 src/app/admin/page.tsx | 12 +++---------
 src/app/globals.css    |  5 ++---
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 66af812..a74fa31 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -499,16 +499,10 @@ export default function AdminPage() {
                             </div>
 
                             <div>
-                                <label style={{ fontSize: '13px', fontWeight: 500, marginBottom: '4px', display: 'block' }}>Banner / Logo URL</label>
-                                <input
-                                    className="input"
-                                    value={nodeSettings.bannerUrl}
-                                    onChange={e => setNodeSettings({ ...nodeSettings, bannerUrl: e.target.value })}
-                                    placeholder="https://"
-                                />
-                                <div style={{ marginTop: '8px', display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'wrap' }}>
+                                <label style={{ fontSize: '13px', fontWeight: 500, marginBottom: '4px', display: 'block' }}>Banner image</label>
+                                <div style={{ display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'wrap' }}>
                                     <label className="btn btn-ghost btn-sm">
-                                        {isUploadingBanner ? 'Uploading...' : 'Upload image'}
+                                        {isUploadingBanner ? 'Uploading...' : 'Upload banner'}
                                         <input
                                             type="file"
                                             accept="image/*"
diff --git a/src/app/globals.css b/src/app/globals.css
index f5618a5..c6f0890 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -118,8 +118,8 @@ a.btn-primary:visited {
 }
 
 .btn-ghost {
-  background: transparent;
-  border-color: transparent;
+  background: var(--background-tertiary);
+  border-color: var(--border);
 }
 
 .btn-ghost:hover {
@@ -1308,4 +1308,3 @@ a.btn-primary:visited {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-