remove legacy image from login portal

pluralsh · Jun 4, 2024 · c73d102 · c73d102
1 parent f839a16
commit c73d102
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 42 deletions.
diff --git a/www/public/login-sidebar.jpg b/www/public/login-sidebar.jpg
diff --git a/www/src/components/users/LoginPortal.tsx b/www/src/components/users/LoginPortal.tsx
@@ -1,7 +1,4 @@
 import { styledTheme } from '@pluralsh/design-system'
-import { Div, Flex, Img } from 'honorable'
-
-import { LOGIN_SIDEBAR_IMAGE } from '../constants'
 
 import { Footer, FooterBalancer } from './LoginFooter'
 
@@ -13,45 +10,29 @@ export const LOGIN_BREAKPOINT = `@media screen and (min-width: ${
 
 export function LoginPortal({ children }: any) {
   return (
-    <Flex height="100vh">
-      {/* LEFT SIDE */}
-      <Flex
-        direction="column"
-        align="center"
-        background="fill-one"
-        display-desktop-down="none"
-        overflow="hidden"
-        width={504}
-        height="100%"
-      >
-        <Img
-          src={LOGIN_SIDEBAR_IMAGE}
-          width="100%"
-          height="100%"
-          objectFit="cover"
-          objectPosition="top center"
-          borderRight="1px solid border-fill-two"
-        />
-      </Flex>
-      {/* RIGHT SIDE */}
-      <Flex
-        overflow="auto"
-        flexDirection="column"
-        grow={1}
-        shrink={1}
-        paddingHorizontal={RIGHT_CONTENT_PAD}
+    <div
+      css={{
+        display: 'flex',
+        flexDirection: 'column',
+        flexGrow: 1,
+        flexShrink: 1,
+        height: '100vh',
+        overflow: 'auto',
+        paddingLeft: RIGHT_CONTENT_PAD,
+        paddingRight: RIGHT_CONTENT_PAD,
+      }}
+    >
+      <FooterBalancer />
+      <div
+        css={{
+          margin: 'auto',
+          maxWidth: RIGHT_CONTENT_MAX_WIDTH,
+          width: '100%',
+        }}
       >
-        <FooterBalancer />
-        <Div
-          maxWidth={RIGHT_CONTENT_MAX_WIDTH}
-          width="100%"
-          marginVertical="auto"
-          marginHorizontal="auto"
-        >
-          {children}
-        </Div>
-        <Footer />
-      </Flex>
-    </Flex>
+        {children}
+      </div>
+      <Footer />
+    </div>
   )
 }