Compare commits
No commits in common. "23a7dc4269df7cd914b3984a10561c568d46c5b7" and "4d4a5b63cf466af15d2b2414a52adeda8bd7cb8a" have entirely different histories.
23a7dc4269
...
4d4a5b63cf
@ -145,19 +145,10 @@ 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
|
<main className={styles.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,14 +77,9 @@
|
|||||||
|
|
||||||
.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