From c21a4f62025ef30e4398078db8c11c66c87ef937 Mon Sep 17 00:00:00 2001 From: "(JM KIM)" Date: Thu, 13 Oct 2022 18:14:10 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=EB=B8=8C=EB=9F=B0=EC=B9=98=20test?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- test/src/main/webapp/css/player.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/test/src/main/webapp/css/player.css b/test/src/main/webapp/css/player.css index 78361a4..db78b93 100644 --- a/test/src/main/webapp/css/player.css +++ b/test/src/main/webapp/css/player.css @@ -5,7 +5,7 @@ font-family: 'Poppins'; } :root { - --pink : #ff74a4; + --pink : #ffffff; --violet : #9f6ea3; --white : #fff; --lightshadow : rgba(0,0,0,0.15); From 4fa94d8525640198df8e3b1fcac6e9da6a74ddf1 Mon Sep 17 00:00:00 2001 From: "(JM KIM)" Date: Thu, 13 Oct 2022 19:02:17 +0900 Subject: [PATCH 2/2] test2 --- 123123.html | 15 +++++++++++++++ test/src/main/webapp/audioTest.html | 6 +++--- test/src/main/webapp/css/demo.css | 2 +- test/src/main/webapp/css/player.css | 17 ++++++++++------- 4 files changed, 29 insertions(+), 11 deletions(-) create mode 100644 123123.html diff --git a/123123.html b/123123.html new file mode 100644 index 0000000..b138f08 --- /dev/null +++ b/123123.html @@ -0,0 +1,15 @@ + + + + + + + + Document + + + + + + + \ No newline at end of file diff --git a/test/src/main/webapp/audioTest.html b/test/src/main/webapp/audioTest.html index f87ad9e..f458cb1 100644 --- a/test/src/main/webapp/audioTest.html +++ b/test/src/main/webapp/audioTest.html @@ -104,9 +104,9 @@

HOME

- expand_more -

Now Playing

- more_horiz + expand_more +

1조 플레이어

+ more_horiz
diff --git a/test/src/main/webapp/css/demo.css b/test/src/main/webapp/css/demo.css index 622aec8..bc34ff0 100644 --- a/test/src/main/webapp/css/demo.css +++ b/test/src/main/webapp/css/demo.css @@ -179,7 +179,7 @@ main { padding: 1.5em; pointer-events: none; grid-template-columns: 50% 50%; - grid-template-rows: auto auto 4em; + grid-template-rows: auto auto auto; grid-template-areas: 'header ...' '... ...' 'github demos'; diff --git a/test/src/main/webapp/css/player.css b/test/src/main/webapp/css/player.css index db78b93..a969a69 100644 --- a/test/src/main/webapp/css/player.css +++ b/test/src/main/webapp/css/player.css @@ -6,7 +6,7 @@ } :root { --pink : #ffffff; - --violet : #9f6ea3; + --violet : #000000; --white : #fff; --lightshadow : rgba(0,0,0,0.15); --lightblack : #515c6f; @@ -15,7 +15,7 @@ } body { height: 100vh; - background: linear-gradient(var(--pink) 0%, var(--violet) 100%); + background: linear-gradient(var(--pink) 0%, var(--violet) 0%); } .wrap__music { display: flex; @@ -30,7 +30,7 @@ overflow: hidden; position: relative; border-radius: 15px; - background: var(--white); + background: #ffffffa9; box-shadow: 0 6px 15px var(--lightshadow); } .music__top { @@ -41,10 +41,12 @@ .music__top i { font-size: 30px; color: var(--lightblack); + align-items: center; + opacity: 0; } .music__top h3 { font-size: 18px; - color: var(--lightblack); + color: #000000; font-weight: 500; } .music__img { @@ -54,6 +56,7 @@ border-radius: 15px; margin-top: 25px; box-shadow: 0 6px 12px var(--lightshadow); + opacity: 0.5; } .music__img img { width: 100%; @@ -142,13 +145,13 @@ } .music__list { position: absolute; - background: var(--white); + background: #ffffffd5; width: 100%; left: 0; bottom: -400px; z-index: 10; border-radius: 15px; padding: 15px 30px; - box-shadow: 0 -3px 10px rgba(0,0,0,0.1); + box-shadow: 0 -3px 10px rgba(255, 255, 255, 0.842); transition: all 0.15s ease-out; opacity: 0; pointer-events: none; @@ -188,7 +191,7 @@ margin-bottom: 5px; } .music__list .list > ul > li.playing { - color: var(--pinkshadow); + color: #ff7b00; } .music__list .list > ul > li > div em { font-style: normal;