diff --git a/rancuft/public/img/bi_music-note-list.svg b/rancuft/public/img/bi_music-note-list.svg new file mode 100644 index 0000000..21235c9 --- /dev/null +++ b/rancuft/public/img/bi_music-note-list.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/rancuft/src/components/Login/index.js b/rancuft/src/components/Login/index.js index 995de3a..f4681b7 100644 --- a/rancuft/src/components/Login/index.js +++ b/rancuft/src/components/Login/index.js @@ -30,9 +30,10 @@ function Login() { query: "(min-width:768px)", }); + return ( <> - {isMobile && ( + {isMobile && ( 귀여운 고양이 그림입니다 @@ -81,6 +82,11 @@ function Login() { + + + 음표 사진 svg입니다 + + )} {isPc &&

TEST

} diff --git a/rancuft/src/components/Login/style.js b/rancuft/src/components/Login/style.js index 5293ed3..125c953 100644 --- a/rancuft/src/components/Login/style.js +++ b/rancuft/src/components/Login/style.js @@ -1,4 +1,5 @@ import styled from "@emotion/styled"; +import { type } from "@testing-library/user-event/dist/type"; export const Box = styled.div` input { @@ -180,9 +181,18 @@ export const TRandomGift = styled.div` ` +export const Music = styled.div` +img{ + bottom: 40px; + right: -10px; + width: 20px; + position: absolute; + +}` + export const TCute = styled.div` text{ padding-left: 70px; } -` \ No newline at end of file +`