fix: displays complete marks from other users #156
@ -145,10 +145,19 @@ export const MainLayout = () => {
|
|||||||
|
|
||||||
if (isLoading) return <LoadingSpinner desc={loadingSpinnerDesc} />
|
if (isLoading) return <LoadingSpinner desc={loadingSpinnerDesc} />
|
||||||
|
|
||||||
|
const isDev = import.meta.env.MODE === 'development'
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<AppBar />
|
<AppBar />
|
||||||
<main className={styles.main}>
|
<main
|
||||||
|
className={styles.main}
|
||||||
|
// Add dev debug flag to show special dev css
|
||||||
|
// (visible marks border on verify)
|
||||||
|
{...(isDev && {
|
||||||
|
'data-dev': true
|
||||||
|
})}
|
||||||
|
>
|
||||||
<Outlet />
|
<Outlet />
|
||||||
</main>
|
</main>
|
||||||
<Footer />
|
<Footer />
|
||||||
|
@ -77,9 +77,14 @@
|
|||||||
|
|
||||||
.mark {
|
.mark {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border: 1px dotted black;
|
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[data-dev='true'] {
|
||||||
|
.mark {
|
||||||
|
border: 1px dotted black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user