randyjc/Rahoot
1
0
Fork 0
mirror of https://github.com/randyjc/Rahoot.git synced 2026-03-13 20:15:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

polish button in theme editor

Browse Source
This commit is contained in:
RandyJC
2025-12-09 10:17:53 +01:00
parent 9a9ad640c0
commit 7bfb138f99
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/web/src/components/game/create/ThemeEditor.tsx
View File

@@ -98,14 +98,19 @@ const ThemeEditor = ({ onBack }: Props) => {
return (
<div className="flex w-full flex-col gap-4">
<div className="flex items-center gap-2">
<button
onClick={onBack}
className="rounded-md bg-gray-700 px-3 py-2 text-white"
>
Back
</button>
<h2 className="text-xl font-semibold">Theme editor</h2>
<div className="flex items-center justify-between rounded-md bg-white/90 px-4 py-3 shadow-sm backdrop-blur">
<div className="flex items-center gap-3">
<button
onClick={onBack}
className="rounded-md bg-gray-800 px-3 py-2 text-white shadow hover:bg-gray-700"
>
Back
</button>
<div>
<h2 className="text-lg font-semibold text-gray-900">Theme editor</h2>
<p className="text-xs text-gray-500">Set the game background from uploads or a custom URL.</p>
</div>
</div>
</div>
<div className="grid gap-4 lg:grid-cols-2">