Compare commits

...

2 Commits

Author SHA1 Message Date
23a7dc4269 Merge branch 'staging' into issue-155
All checks were successful
Open PR on Staging / audit_and_check (pull_request) Successful in 33s
2024-08-20 14:08:18 +00:00
c3a39157ff fix(verify-page): remove mark border in production, enable dev flag for css classes
All checks were successful
Release to Staging / build_and_release (push) Successful in 1m14s
Hotfix
2024-08-20 15:47:51 +02:00
2 changed files with 16 additions and 2 deletions

View File

@ -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 />

View File

@ -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;
}
}