devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the timer to be on the Navbar, making it more mobile friendly

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-04-17 18:42:28 +01:00
parent 378b6b1693
commit 13c8fae588
8 changed files with 31 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/exams/Selection.tsx
View File

@@ -26,10 +26,10 @@ export default function Selection({user, onStart}: Props) {
return (
<>
<div className="w-full h-full relative">
<section className="h-full w-full flex flex-col items-center justify-center">
<section className="h-full w-full flex flex-col items-center justify-center gap-8">
<ProfileLevel user={user} className="h-1/2" />
<div className="h-1/2 flex flex-col">
<div className="h-1/2 flex gap-8">
<div className="h-1/2 flex flex-col gap-8">
<div className="h-1/2 items-center flex flex-col md:flex-row gap-8">
<div
role="button"
tabIndex={0}
@@ -83,7 +83,7 @@ export default function Selection({user, onStart}: Props) {
<span>Speaking</span>
</div>
</div>
<div className="w-full flex justify-between">
<div className="w-full flex flex-col gap-4 md:flex-row justify-between">
<button onClick={() => router.push("/")} className={clsx("btn btn-wide gap-4 relative text-white", errorButtonStyle)}>
<div className="absolute left-4">
<Icon path={mdiArrowLeft} color="white" size={1} />