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 = () => {
- +