joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Add dialog background color input to CreateThemePage component

Browse Source
This commit is contained in:
mauro 🤙
2024-08-22 21:07:53 +00:00
parent cfab24a766
commit 0a64b14664
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/create-theme.tsx
View File

@@ -179,6 +179,13 @@ export default function CreateThemePage() {
<div className="flex items-center mt-2"> <div className="flex items-center mt-2">
<input type="text" className="border text-gray-500 rounded-lg p-2 w-2/3" value={colorsBorder} onChange={(e) => setColorsBorder(e.target.value)} /> <input type="text" className="border text-gray-500 rounded-lg p-2 w-2/3" value={colorsBorder} onChange={(e) => setColorsBorder(e.target.value)} />
<div className="w-11 h-11 ml-4 rounded-lg border bg-[var(--zen-colors-border)]"></div> <div className="w-11 h-11 ml-4 rounded-lg border bg-[var(--zen-colors-border)]"></div>
</div
<h2 className="text-lg mt-8 font-bold opacity-70">
Dialog background color
</h2>
<div className="flex items-center mt-2">
<input type="text" className="border text-gray-500 rounded-lg p-2 w-2/3" value={dialogBg} onChange={(e) => setDialogBg(e.target.value)} />
<div className="w-11 h-11 ml-4 rounded-lg border bg-[var(--zen-dialog-background)]"></div>
</div> </div>
<Sheet> <Sheet>
<SheetTrigger asChild> <SheetTrigger asChild>