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 UI to all menus

Browse Source
This commit is contained in:
RandyJC
2025-12-09 10:23:46 +01:00
parent 7bfb138f99
commit a572eb35cd
2 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/web/src/app/(auth)/manager/page.tsx
View File

@@ -7,6 +7,7 @@ import QuizEditor from "@rahoot/web/components/game/create/QuizEditor"
import MediaLibrary from "@rahoot/web/components/game/create/MediaLibrary" import MediaLibrary from "@rahoot/web/components/game/create/MediaLibrary"
import ThemeEditor from "@rahoot/web/components/game/create/ThemeEditor" import ThemeEditor from "@rahoot/web/components/game/create/ThemeEditor"
import SelectQuizz from "@rahoot/web/components/game/create/SelectQuizz" import SelectQuizz from "@rahoot/web/components/game/create/SelectQuizz"
import Button from "@rahoot/web/components/Button"
import { useEvent, useSocket } from "@rahoot/web/contexts/socketProvider" import { useEvent, useSocket } from "@rahoot/web/contexts/socketProvider"
import { useManagerStore } from "@rahoot/web/stores/manager" import { useManagerStore } from "@rahoot/web/stores/manager"
import { useRouter } from "next/navigation" import { useRouter } from "next/navigation"
@@ -57,14 +58,15 @@ const Manager = () => {
if (showMedia) { if (showMedia) {
return ( return (
<div className="flex w-full flex-col gap-4"> <div className="flex w-full max-w-6xl flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
<div className="flex gap-2"> <div className="flex items-center gap-2">
<button <Button onClick={() => setShowMedia(false)} className="bg-gray-700">
onClick={() => setShowMedia(false)}
className="rounded-md bg-gray-700 px-3 py-2 text-white"
>
Back Back
</button> </Button>
<div className="flex flex-col leading-tight">
<h2 className="text-lg font-semibold text-gray-900">Media library</h2>
<p className="text-xs text-gray-500">Upload, view, and delete unused media.</p>
</div>
</div> </div>
<MediaLibrary /> <MediaLibrary />
</div> </div>

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

@@ -97,18 +97,17 @@ const ThemeEditor = ({ onBack }: Props) => {
} }
return ( return (
<div className="flex w-full flex-col gap-4"> <div className="flex w-full max-w-6xl flex-col gap-4 rounded-md bg-white p-4 shadow-sm">
<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 justify-between">
<div className="flex items-center gap-3"> <div className="flex items-center gap-2">
<button <Button onClick={onBack} className="bg-gray-700">
onClick={onBack}
className="rounded-md bg-gray-800 px-3 py-2 text-white shadow hover:bg-gray-700"
>
Back Back
</button> </Button>
<div> <div className="flex flex-col leading-tight">
<h2 className="text-lg font-semibold text-gray-900">Theme editor</h2> <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> <p className="text-xs text-gray-500">
Set the game background from uploads or a custom URL.
</p>
</div> </div>
</div> </div>
</div> </div>