Merge branch 'staging' into issue-155

fix(verify-page): remove mark border in production, enable dev flag for css classes
Hotfix
2024-08-20 14:08:18 +00:00 · 2024-08-20 15:47:51 +02:00
2 changed files with 16 additions and 2 deletions
--- a/src/layouts/Main.tsx
+++ b/src/layouts/Main.tsx
@ -145,10 +145,19 @@ export const MainLayout = () => {

  if (isLoading) return <LoadingSpinner desc={loadingSpinnerDesc} />

+  const isDev = import.meta.env.MODE === 'development'
+
  return (
    <>
      <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 />
      </main>
      <Footer />
--- a/src/pages/verify/style.module.scss
+++ b/src/pages/verify/style.module.scss
@ -77,9 +77,14 @@

 .mark {
  position: absolute;
-  border: 1px dotted black;

  display: flex;
  justify-content: center;
  align-items: center;
 }
+
+[data-dev='true'] {
+  .mark {
+    border: 1px dotted black;
+  }
+}
Author	SHA1	Message	Date
eugene	23a7dc4269	Merge branch 'staging' into issue-155 All checks were successful Open PR on Staging / audit_and_check (pull_request) Successful in 33s Details	2024-08-20 14:08:18 +00:00
enes	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 Details Hotfix	2024-08-20 15:47:51 +02:00