From e16834e52e89d5f820c3c117ef82a7d8a4757169 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Fri, 5 Apr 2024 21:39:52 +0530
Subject: [PATCH] Remove unused styled jsx tag

This caused the lint to fail on CI

    > auth
    $ /home/runner/work/ente/ente/web/node_modules/.bin/tsc
    Error: src/pages/auth/index.tsx(125,20): error TS2322: Type '{ children: string; jsx: true; }' is not assignable to type 'ClassAttributes<HTMLStyleElement> & StyleHTMLAttributes<HTMLStyleElement> & { css?: Interpolation<Theme>; }'.
      Property 'jsx' does not exist on type 'ClassAttributes<HTMLStyleElement> & StyleHTMLAttributes<HTMLStyleElement> & { css?: Interpolation<Theme>; }'.
    error Command failed with exit code 2.

From reading the code, this CSS doesn't seem to be coming into effect. Then I
also did a test to verify that the auth app is correctly switching to a 2 column
layout even without this.
---
 web/apps/auth/src/pages/auth/index.tsx | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/web/apps/auth/src/pages/auth/index.tsx b/web/apps/auth/src/pages/auth/index.tsx
index 6d8bbecc20..55dc33ce68 100644
--- a/web/apps/auth/src/pages/auth/index.tsx
+++ b/web/apps/auth/src/pages/auth/index.tsx
@@ -122,19 +122,6 @@ const AuthenticatorCodesPage = () => {
                 <AuthFooter />
                 <div style={{ marginBottom: "4rem" }} />
             </div>
-            <style jsx>{`
-                @media (min-width: 800px) {
-                    .row {
-                        display: flex;
-                        flex-wrap: wrap;
-                        justify-content: center;
-                    }
-                    .col {
-                        flex: 0 0 50%;
-                        max-width: 50%;
-                    }
-                }
-            `}</style>
         </>
     );
 };