[ADD] #1 :: 메인에 음악 svg

rancuft · Apr 13, 2022 · 055327f · 055327f
1 parent 6cc380b
commit 055327f
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/rancuft/public/img/bi_music-note-list.svg b/rancuft/public/img/bi_music-note-list.svg
diff --git 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 && (                
       <S.FullBackground>
         <S.CatImage>
           <img alt="귀여운 고양이 그림입니다" src="img/cat.png"/>
@@ -81,6 +82,11 @@ function Login() {
         </S.GoImage>
 
         </S.Background>
+        <S.Music>
+          <a href="/home">
+          <img alt="음표 사진 svg입니다" src="img/bi_music-note-list.svg"></img>
+          </a>
+        </S.Music>
        </S.FullBackground>
        )}
       {isPc && <h2>TEST</h2>}

diff --git 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;
   }
 
-`
+`