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 ( return (
<div className="flex w-full flex-col gap-4"> <div className="flex w-full flex-col gap-4">
<div className="flex items-center gap-2"> <div className="flex items-center justify-between rounded-md bg-white/90 px-4 py-3 shadow-sm backdrop-blur">
<button <div className="flex items-center gap-3">
onClick={onBack} <button
className="rounded-md bg-gray-700 px-3 py-2 text-white" onClick={onBack}
> className="rounded-md bg-gray-800 px-3 py-2 text-white shadow hover:bg-gray-700"
Back >
</button> Back
<h2 className="text-xl font-semibold">Theme editor</h2> </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>
<div className="grid gap-4 lg:grid-cols-2"> <div className="grid gap-4 lg:grid-cols-2">