From 1517d41d8304fc55d205ab10e4dc669ebd4ca597 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 19 Oct 2025 21:12:39 +0000
Subject: [PATCH] Add UI controls for style in BannerSettings

cgen-723aa00068b44d0fb1637efd949abf59
---
 client/components/admin/BannerSettings.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/client/components/admin/BannerSettings.tsx b/client/components/admin/BannerSettings.tsx
index 52ba3931..64df8352 100644
--- a/client/components/admin/BannerSettings.tsx
+++ b/client/components/admin/BannerSettings.tsx
@@ -54,6 +54,21 @@ export default function BannerSettings() {
           />
         </div>
       </div>
+      <div className="grid gap-2 md:grid-cols-4">
+        <label className="text-sm text-muted-foreground md:col-span-1">Style</label>
+        <div className="md:col-span-3">
+          <select
+            className="w-full bg-background/50 border border-border/40 rounded px-2 py-1 text-sm"
+            value={style}
+            onChange={(e) => setStyle(e.target.value)}
+          >
+            <option value="quest">Quest</option>
+            <option value="info">Info</option>
+            <option value="arcade">Arcade</option>
+            <option value="alert">Alert</option>
+          </select>
+        </div>
+      </div>
       <div className="flex justify-end">
         <Button size="sm" onClick={save} disabled={saving}>
           {saving ? "Saving…" : "Save banner"}