From 7869ff41deb9ef181695085b31e7ddef06b983fd Mon Sep 17 00:00:00 2001 From: semnil5202 Date: Thu, 22 Aug 2024 22:28:30 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20=EB=A6=B4=EB=A0=88=EC=9D=B4=20?= =?UTF-8?q?=EC=A7=88=EB=AC=B8=20=EC=83=9D=EC=84=B1=20=EC=99=84=EB=A3=8C=20?= =?UTF-8?q?=EB=B0=8F=20=EC=B9=B4=EC=B9=B4=EC=98=A4=ED=86=A1=20=EA=B3=B5?= =?UTF-8?q?=EC=9C=A0=ED=95=98=EA=B8=B0=20=EB=B0=B1=EA=B7=B8=EB=9D=BC?= =?UTF-8?q?=EC=9A=B4=EB=93=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../assets/ShareGroupBackground.tsx | 115 +++++++++--------- .../CurrentQuestionInfo.styles.ts | 8 +- .../CurrentQuestionInfo.tsx | 2 +- ...rrentRelayQuestionCountContainer.styles.ts | 1 + .../CurrentRelayQuestionCountContainer.tsx | 2 +- 5 files changed, 66 insertions(+), 62 deletions(-) diff --git a/packages/web-domains/src/relay-question/assets/ShareGroupBackground.tsx b/packages/web-domains/src/relay-question/assets/ShareGroupBackground.tsx index 3501458e..3d5aa936 100644 --- a/packages/web-domains/src/relay-question/assets/ShareGroupBackground.tsx +++ b/packages/web-domains/src/relay-question/assets/ShareGroupBackground.tsx @@ -7,9 +7,9 @@ interface ShareGroupBackgroundProps extends React.SVGProps { export const ShareGroupBackground = ({ css, ...rest }: ShareGroupBackgroundProps) => { return ( - - - - - - - + + + + + + + + ); diff --git a/packages/web-domains/src/relay-question/features/share-group/components/CurrentQuestionInfo/CurrentQuestionInfo.styles.ts b/packages/web-domains/src/relay-question/features/share-group/components/CurrentQuestionInfo/CurrentQuestionInfo.styles.ts index da768b8c..a5bf197a 100644 --- a/packages/web-domains/src/relay-question/features/share-group/components/CurrentQuestionInfo/CurrentQuestionInfo.styles.ts +++ b/packages/web-domains/src/relay-question/features/share-group/components/CurrentQuestionInfo/CurrentQuestionInfo.styles.ts @@ -3,10 +3,10 @@ import { borderRadiusVariants, colors, size } from '@sambad/sds/theme'; export const wrapperCss = css({ width: '100%', - maxWidth: '144px', + maxWidth: '168px', position: 'absolute', - top: 80, - left: '49.5%', + top: 94, + left: '50.5%', transform: 'translateX(-50%)', }); @@ -17,7 +17,7 @@ export const countWrapperCss = css({ padding: `${size['6xs']} ${size['2xs']}`, borderRadius: `${borderRadiusVariants.large}`, backgroundColor: `${colors.primary100}`, - marginBottom: size['2xl'], + marginBottom: size['3xl'], }); export const profileWrapperCss = css({ diff --git a/packages/web-domains/src/relay-question/features/share-group/components/CurrentQuestionInfo/CurrentQuestionInfo.tsx b/packages/web-domains/src/relay-question/features/share-group/components/CurrentQuestionInfo/CurrentQuestionInfo.tsx index d7b6826d..2a3320ec 100644 --- a/packages/web-domains/src/relay-question/features/share-group/components/CurrentQuestionInfo/CurrentQuestionInfo.tsx +++ b/packages/web-domains/src/relay-question/features/share-group/components/CurrentQuestionInfo/CurrentQuestionInfo.tsx @@ -17,7 +17,7 @@ interface CurrentQuestionerInfoProps { export const CurrentQuestionInfo = ({ questionCount, questioner }: CurrentQuestionerInfoProps) => { return (
- + Q.
diff --git a/packages/web-domains/src/relay-question/features/share-group/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.styles.ts b/packages/web-domains/src/relay-question/features/share-group/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.styles.ts index 62e48539..809d8212 100644 --- a/packages/web-domains/src/relay-question/features/share-group/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.styles.ts +++ b/packages/web-domains/src/relay-question/features/share-group/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.styles.ts @@ -10,6 +10,7 @@ export const wrapperCss = css({ justifyContent: 'space-between', minHeight: '100dvh', backgroundColor: colors.primary50, + overflow: 'hidden', }); export const backgroundWrapperCss = css({ diff --git a/packages/web-domains/src/relay-question/features/share-group/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.tsx b/packages/web-domains/src/relay-question/features/share-group/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.tsx index c1121e89..3e593647 100644 --- a/packages/web-domains/src/relay-question/features/share-group/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.tsx +++ b/packages/web-domains/src/relay-question/features/share-group/containers/CurrentRelayQuestionCountContainer/CurrentRelayQuestionCountContainer.tsx @@ -57,7 +57,7 @@ export const CurrentRelayQuestionCountContainer = () => {
- +