Delete background on launchpage, edit styles background to clsx

keep-starknet-strange · Dec 13, 2023 · fd04553 · fd04553
1 parent bfc0afd
commit fd04553
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 45 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -17,7 +17,7 @@
     "@vanilla-extract/css": "^1.11.0",
     "@vanilla-extract/recipes": "^0.4.0",
     "@vanilla-extract/sprinkles": "^1.6.0",
-    "clsx": "^1.2.1",
+    "clsx": "^2.0.0",
     "lucide-react": "^0.294.0",
     "ms.macro": "^2.0.0",
     "polished": "^4.2.2",

diff --git a/frontend/src/pages/Home/index.tsx b/frontend/src/pages/Home/index.tsx
@@ -4,13 +4,14 @@ import { PrimaryButton, SecondaryButton } from 'src/components/Button'
 import Box from 'src/theme/components/Box'
 import { Column, Row } from 'src/theme/components/Flex'
 import * as Text from 'src/theme/components/Text'
+import clsx from 'clsx'
 
 import * as styles from './style.css'
 
 export default function HomePage() {
   return (
     <Box>
-      <Box as="span" className={`${styles.backgroundContainer} ${styles.background}`} />
+      <Box as="span" className={clsx(styles.backgroundContainer, styles.background)} />
       <Column className={styles.titleContainer}>
         <Text.HeadlineLarge className={styles.title}>Unruggable Memecoin</Text.HeadlineLarge>
         <Box as="img" src={onlyonstarknet} className={styles.subtitle} />

diff --git a/frontend/src/pages/Launch/index.tsx b/frontend/src/pages/Launch/index.tsx
@@ -63,7 +63,6 @@ export default function LaunchPage() {
 
   return (
     <Row className={styles.wrapper}>
-      <Box as="span" className={`${styles.backgroundContainer} ${styles.background}`} />
       <Box className={styles.container}>
         <Box as="form" onSubmit={handleSubmit(deployToken)}>
           <Column gap="20">
@@ -153,4 +152,4 @@ export default function LaunchPage() {
       </Box>
     </Row>
   )
-}
+}
diff --git a/frontend/src/pages/Launch/style.css.ts b/frontend/src/pages/Launch/style.css.ts
@@ -1,40 +1,5 @@
 import { style } from '@vanilla-extract/css'
-import { sprinkles, vars } from 'src/theme/css/sprinkles.css'
-import { transparentize } from 'polished'
-
-export const backgroundContainer = style([
-  {
-    zIndex: '-99',
-    position: 'absolute',
-    top: '0',
-    right: '0',
-    bottom: '0',
-    left: '0',
-    height: '100vh',
-    maxHeight: '1000px',
-  },
-])
-
-export const background = style([
-  {
-    backgroundImage: `
-      linear-gradient(to bottom, ${transparentize(0.3, '#000000')}, ${vars.color.bg1}),
-      url("src/assets/background.png")
-    `,
-    backgroundSize: 'cover',
-    backgroundPosition: 'center',
-    backgroundRepeat: 'no-repeat',
-  },
-  sprinkles({
-    position: 'absolute',
-    top: '0',
-    right: '0',
-    bottom: '0',
-    left: '0',
-    width: 'full',
-    height: 'full',
-  }),
-])
+import { sprinkles } from 'src/theme/css/sprinkles.css'
 
 export const wrapper = style([
   {
@@ -79,4 +44,4 @@ export const errorContainer = sprinkles({
   paddingX: '8',
   paddingTop: '4',
   color: 'error',
-})
+})
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
@@ -3744,10 +3744,10 @@ clone-deep@^4.0.1:
     kind-of "^6.0.2"
     shallow-clone "^3.0.0"
 
-clsx@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
-  integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
+clsx@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
+  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
 
 co@^4.6.0:
   version "4.6.0"