From b13cb8e312215f8ced29a5a7918af27199ae1aae Mon Sep 17 00:00:00 2001 From: imddoy Date: Thu, 11 Jul 2024 01:12:01 +0900 Subject: [PATCH 1/3] =?UTF-8?q?design:=20=ED=86=A0=EA=B8=80=20=EC=95=84?= =?UTF-8?q?=EC=9D=B4=EC=BD=98=20=EC=83=89=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/svgs/IconArrowDown.tsx | 3 +-- src/components/commons/bank/Bank.styled.ts | 2 ++ src/components/commons/bank/InputBank.tsx | 4 +++- src/pages/BankTest.tsx | 4 +++- 4 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/assets/svgs/IconArrowDown.tsx b/src/assets/svgs/IconArrowDown.tsx index a2827f37..79921d8a 100644 --- a/src/assets/svgs/IconArrowDown.tsx +++ b/src/assets/svgs/IconArrowDown.tsx @@ -1,9 +1,8 @@ -import * as React from "react"; import type { SVGProps } from "react"; const SvgIconArrowDown = (props: SVGProps) => ( { + bankOpen: boolean; onClick: () => void; children: string; } -const InputBank = ({ onClick, children }: InputBankProps) => { +const InputBank = ({ bankOpen, onClick, children }: InputBankProps) => { return ( {children ? children : "은행을 선택해주세요."} + {/* bankOpen하면 토글 회전하는거 나중에할게요요 */} ); diff --git a/src/pages/BankTest.tsx b/src/pages/BankTest.tsx index 0c874484..8972d2bd 100644 --- a/src/pages/BankTest.tsx +++ b/src/pages/BankTest.tsx @@ -25,7 +25,9 @@ const BankTest = () => { return ( - {bankInfo} + + {bankInfo} + Date: Thu, 11 Jul 2024 01:13:34 +0900 Subject: [PATCH 2/3] =?UTF-8?q?design:=20padding=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/commons/bank/Bank.styled.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/commons/bank/Bank.styled.ts b/src/components/commons/bank/Bank.styled.ts index 0ddf4ce6..7f784252 100644 --- a/src/components/commons/bank/Bank.styled.ts +++ b/src/components/commons/bank/Bank.styled.ts @@ -11,7 +11,7 @@ export const BankLayout = styled.section` display: block; width: 37.5rem; margin: 0; - padding: 4rem 2.4rem 4.5rem; + padding: 2.1rem 2.4rem 4.5rem; background: ${({ theme }) => theme.colors.gray_800}; transform: translateX(-50%); From 5a613e4c0402e18bfbbf4a79fa4e3afbd9576cea Mon Sep 17 00:00:00 2001 From: imddoy Date: Thu, 11 Jul 2024 01:21:03 +0900 Subject: [PATCH 3/3] =?UTF-8?q?fix:=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83?= =?UTF-8?q?=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.tsx | 2 -- yarn.lock | 44 -------------------------------------------- 2 files changed, 46 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 28223a47..a67e3ac5 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -8,7 +8,6 @@ import theme from "@styles/theme"; import { RouterProvider } from "react-router-dom"; import { ThemeProvider } from "styled-components"; -import CssBaseline from "@mui/material/CssBaseline"; import { ThemeProvider as MuiThemeProvider, createTheme } from "@mui/material/styles"; const darkTheme = createTheme({ @@ -20,7 +19,6 @@ const darkTheme = createTheme({ function App() { return ( - diff --git a/yarn.lock b/yarn.lock index 40992b87..a89f90f2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5891,7 +5891,6 @@ __metadata: prettier-linter-helpers: "npm:^1.0.0" react: "npm:^18.3.1" react-dom: "npm:^18.3.1" - react-player: "npm:^2.16.0" react-router-dom: "npm:^6.24.0" shelljs: "npm:^0.8.5" storybook: "npm:^8.1.11" @@ -6842,13 +6841,6 @@ __metadata: languageName: node linkType: hard -"deepmerge@npm:^4.0.0": - version: 4.3.1 - resolution: "deepmerge@npm:4.3.1" - checksum: 10c0/e53481aaf1aa2c4082b5342be6b6d8ad9dfe387bc92ce197a66dea08bd4265904a087e75e464f14d1347cf2ac8afe1e4c16b266e0561cc5df29382d3c5f80044 - languageName: node - linkType: hard - "default-browser-id@npm:3.0.0": version: 3.0.0 resolution: "default-browser-id@npm:3.0.0" @@ -9828,13 +9820,6 @@ __metadata: languageName: node linkType: hard -"load-script@npm:^1.0.0": - version: 1.0.0 - resolution: "load-script@npm:1.0.0" - checksum: 10c0/9919c777fe83f8a3a917f65c9c3ab186ad8b194248c57f413ef6e610194abc8484d123a6838d77ab33e5fa1a05a676b5dfe779c38cfe602bdd27c239423d0acd - languageName: node - linkType: hard - "locate-path@npm:^3.0.0": version: 3.0.0 resolution: "locate-path@npm:3.0.0" @@ -10069,13 +10054,6 @@ __metadata: languageName: node linkType: hard -"memoize-one@npm:^5.1.1": - version: 5.2.1 - resolution: "memoize-one@npm:5.2.1" - checksum: 10c0/fd22dbe9a978a2b4f30d6a491fc02fb90792432ad0dab840dc96c1734d2bd7c9cdeb6a26130ec60507eb43230559523615873168bcbe8fafab221c30b11d54c1 - languageName: node - linkType: hard - "memoizerific@npm:^1.11.3": version: 1.11.3 resolution: "memoizerific@npm:1.11.3" @@ -11416,13 +11394,6 @@ __metadata: languageName: node linkType: hard -"react-fast-compare@npm:^3.0.1": - version: 3.2.2 - resolution: "react-fast-compare@npm:3.2.2" - checksum: 10c0/0bbd2f3eb41ab2ff7380daaa55105db698d965c396df73e6874831dbafec8c4b5b08ba36ff09df01526caa3c61595247e3269558c284e37646241cba2b90a367 - languageName: node - linkType: hard - "react-is@npm:18.1.0": version: 18.1.0 resolution: "react-is@npm:18.1.0" @@ -11451,21 +11422,6 @@ __metadata: languageName: node linkType: hard -"react-player@npm:^2.16.0": - version: 2.16.0 - resolution: "react-player@npm:2.16.0" - dependencies: - deepmerge: "npm:^4.0.0" - load-script: "npm:^1.0.0" - memoize-one: "npm:^5.1.1" - prop-types: "npm:^15.7.2" - react-fast-compare: "npm:^3.0.1" - peerDependencies: - react: ">=16.6.0" - checksum: 10c0/ee0f4cd3bd468b28af38dbbb65cae1659218153956f43c0bdd15cd8b38aaaf151deec43b93b7dd887c0ac28242a4ba7e9d01823351e78ba60ae04d5fb51defb4 - languageName: node - linkType: hard - "react-remove-scroll-bar@npm:^2.3.4": version: 2.3.6 resolution: "react-remove-scroll-bar@npm:2.3.6"