From a3d06c8ed3df54b65a3224474a47122195f998b7 Mon Sep 17 00:00:00 2001 From: 0xmegalodon Date: Tue, 30 Jan 2024 07:58:35 +0700 Subject: [PATCH] update css --- public/public-sale/textblur.png | Bin 0 -> 8532 bytes src/modules/PublicSale/activities/index.tsx | 26 +++++++------- .../PublicSale/activities/styles.module.scss | 34 +++++++++++------- 3 files changed, 35 insertions(+), 25 deletions(-) create mode 100644 public/public-sale/textblur.png diff --git a/public/public-sale/textblur.png b/public/public-sale/textblur.png new file mode 100644 index 0000000000000000000000000000000000000000..db6d309aa585b5253dd299263ab223c5af6320a5 GIT binary patch literal 8532 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 O0000 { return [ { key: 0, - tag: 'DAY 1', + tag: 'Day 1', title: 'Fully on-chain gaming on Bitcoin', src: 'public-sale/playGame.png', ctas: [{ @@ -42,7 +42,7 @@ const Activities = React.memo(() => { }, { key: 1, - tag: 'DAY 2', + tag: 'Day 2', title: 'BRC-20 Futures Trading Competition', src: 'public-sale/playGame.png', ctas: [{ @@ -54,7 +54,7 @@ const Activities = React.memo(() => { }, { key: 2, - tag: 'DAY 3', + tag: 'Day 3', title: 'Playing with Lego at BVM network', src: 'public-sale/playGame.png', ctas: [{ @@ -66,7 +66,7 @@ const Activities = React.memo(() => { }, { key: 3, - tag: 'DAY 4', + tag: 'Day 4', title: 'Poker Friday Night on Bitcoin', src: 'public-sale/playGame.png', ctas: [{ @@ -78,7 +78,7 @@ const Activities = React.memo(() => { }, { key: 4, - tag: 'DAY 5', + tag: 'Day 5', title: 'Get Fit & Raise Charity on Bitcoin', src: 'public-sale/playGame.png', ctas: [{ @@ -90,7 +90,7 @@ const Activities = React.memo(() => { }, { key: 5, - tag: 'DAY 6', + tag: 'Day 6', title: 'Get Fit & Raise Charity on Bitcoin', src: 'public-sale/playGame.png', ctas: [{ @@ -102,7 +102,7 @@ const Activities = React.memo(() => { }, { key: 6, - tag: 'DAY 7', + tag: 'Day 7', title: 'Last day', src: 'public-sale/playGame.png', desc: 'Details of Day 7 will be provided as soon as Day 6 is completed.' @@ -126,8 +126,8 @@ const Activities = React.memo(() => { {item.title} - - + + @@ -153,24 +153,24 @@ const Activities = React.memo(() => { const renderItem = (item: GameItemProps, index: number) => { const isDisable = index > currentDay.diffDay; - const title = isDisable ? "▧ ❀ ▧ ❀ ⬚ ▧ ▧ ❀ ⬚ ▧ ⬚ ❀ ⬚ ❀ ▧ ♖ ▧" : item.title + const title = isDisable ? {"textblur"}/ : item.title return ( currentDay.diffDay} className={styles.itemWrapper}> {({ isExpanded }) => ( <>

- {item.tag}: {title} + {item.tag}: {title}

- +
{item.ctas?.map(renderCta)} diff --git a/src/modules/PublicSale/activities/styles.module.scss b/src/modules/PublicSale/activities/styles.module.scss index 287308168..1332edde6 100644 --- a/src/modules/PublicSale/activities/styles.module.scss +++ b/src/modules/PublicSale/activities/styles.module.scss @@ -14,11 +14,11 @@ &__title { align-self: stretch; color: #FFFFFF; - font-size: 24px; + font-size: 18px; font-style: normal; font-weight: 400; - line-height: 150%; - margin-bottom: 16px; + line-height: 28px; + margin-bottom: 8px; } } @@ -28,8 +28,8 @@ justify-content: space-between; align-items: center; align-self: stretch; - border-width: 0; - background-color: rgba(white, .08); + background-color: rgba(white, .06); + border: 1px solid rgba(255, 255, 255, 0.06); button { padding: 12px 20px; @@ -40,7 +40,7 @@ } :global(.chakra-collapse){ - padding: 16px 10px !important; + padding: 10px 16px !important; padding-bottom: 0 !important; } @@ -51,6 +51,11 @@ line-height: 20px; letter-spacing: 0em; text-align: center; + white-space: nowrap; + + img { + max-width: 214px; + } @include is-mobile { font-size: 14px; @@ -58,13 +63,13 @@ &__active { color: #FFFFFF; - background-color: rgba(white, .08); + //background-color: rgba(white, .08); } } &_desc { color: rgba(white, .7); font-size: 14px; - font-weight: 500; + font-weight: 400; line-height: 20px; letter-spacing: 0em; b, strong{ @@ -78,18 +83,23 @@ } &_header { - padding: 16px 10px !important; + padding: 10px 16px !important; background-color: rgba(black, .8); - border: 1px solid rgba(white, .10); + //border: 1px solid rgba(white, .10); button { padding: 0 !important; + display: none; } &__active { background-color: transparent; border: 0 !important; - border-bottom: 1px solid rgba(white, .10) !important; + border-bottom: 1px solid rgba(white, .07) !important; + + button { + display: block; + } } } @@ -113,7 +123,7 @@ font-style: normal; font-weight: 400; line-height: normal; - margin-top: 6px; + margin-top: 12px; align-items: center; } }