diff --git a/frontend/package.json b/frontend/package.json index 5afaadc1..cb6be952 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -51,7 +51,7 @@ "eslint-plugin-simple-import-sort": "^10.0.0", "eslint-plugin-storybook": "^0.6.12", "html-webpack-plugin": "^5.5.3", - "msw": "^1.2.2", + "msw": "1.2.1", "prettier": "^3.0.0", "process": "^0.11.10", "react-refresh": "^0.14.0", diff --git a/frontend/src/components/TopicCard/index.tsx b/frontend/src/components/TopicCard/index.tsx index 29f37bcd..b64bf58f 100644 --- a/frontend/src/components/TopicCard/index.tsx +++ b/frontend/src/components/TopicCard/index.tsx @@ -51,9 +51,8 @@ const TopicCard = ({ $flexDirection="column" $alignItems="center" $justifyContent="center" + $backgroundColor="whiteGray" $borderRadius="small" - $backgroundImage={topicImage} - $backgroundSize="360px 140px" > + + {topicImage} + {topicTitle} @@ -100,4 +99,4 @@ const MultiSelectButton = styled.input` } `; -export default TopicCard; \ No newline at end of file +export default TopicCard; diff --git a/frontend/src/components/common/Box/index.ts b/frontend/src/components/common/Box/index.ts index 9d9938b2..f3e11b63 100644 --- a/frontend/src/components/common/Box/index.ts +++ b/frontend/src/components/common/Box/index.ts @@ -7,7 +7,6 @@ import { radiusKey } from '../../../themes/radius'; export type BoxProps = { display?: string; width?: string; - $minWidth?: string; height?: string; padding?: SpaceThemeKeys; $backgroundColor?: colorThemeKey; @@ -26,14 +25,10 @@ export type BoxProps = { $borderBottom?: string; $borderLeft?: string; cursor?: string; - $backgroundImage?: string; - $backgroundSize?: string; - $backdropFilter?: string; }; const Box = styled.div` display: ${({ display }) => display ?? 'block'}; - min-width: ${({ $minWidth }) => $minWidth }; background-color: ${({ $backgroundColor }) => $backgroundColor && theme.color[$backgroundColor]}; color: ${({ color }) => color && theme.color[color]}; @@ -55,8 +50,5 @@ const Box = styled.div` border-bottom: ${({ $borderBottom }) => $borderBottom}; border-left: ${({ $borderLeft }) => $borderLeft}; cursor: ${({ cursor }) => cursor}; - background-image: url(${({ $backgroundImage }) => $backgroundImage}) ; - background-size: ${({ $backgroundSize }) => $backgroundSize}; - backdrop-filter: ${({ $backdropFilter }) => $backdropFilter}; `; -export default Box; \ No newline at end of file +export default Box;