From 6fbe1461f66cca1afeda3f39d8eea516c9537b18 Mon Sep 17 00:00:00 2001 From: dandamdandam Date: Mon, 17 Apr 2023 23:49:52 +0900 Subject: [PATCH] [Fix] #14 - debug MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit css안의 이미지 파일 경로 수정 Failed to load module script 원인 삭제(상태님 확인 필요) css 충돌 수정 --- WarmUpProject/src/SeoSangtae.js | 34 +++++++++++++++------------- WarmUpProject/src/styles/jdy.css | 2 +- WarmUpProject/src/styles/sangtae.css | 21 ++++++----------- WarmUpProject/src/styles/style.css | 16 ++++++------- 4 files changed, 34 insertions(+), 39 deletions(-) diff --git a/WarmUpProject/src/SeoSangtae.js b/WarmUpProject/src/SeoSangtae.js index 6d920cf..185010a 100644 --- a/WarmUpProject/src/SeoSangtae.js +++ b/WarmUpProject/src/SeoSangtae.js @@ -1,19 +1,20 @@ -import "https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C500%2C700"; -import "https://fonts.googleapis.com/css?family=Inter%3A400%2C700"; -import "https://fonts.googleapis.com/css?family=DM+Sans%3A400%2C500%2C700"; +// import "https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C500%2C700"; +// import "https://fonts.googleapis.com/css?family=Inter%3A400%2C700"; +// import "https://fonts.googleapis.com/css?family=DM+Sans%3A400%2C500%2C700"; import './styles/sangtae.css'; -function SeoSangtae(){ - return( -
- -
- ) +function SeoSangtae() { + return ( +
+ +
+ ) } -function SstBody(){ - return( -
+function SstBody() { + return ( +
+
강원대 멋쟁이사자처럼
@@ -67,7 +68,7 @@ function SstBody(){
선호하는 메뉴를 먼저 학습을 시키고, 날씨 등 외부 환경을 고려해 점심 메뉴를 추천하는 서비스
- +
인터넷 지도에서 음식 종류와 가격 범위를 선택하면 선택한 음식점 정보만 제공하는 서비스
@@ -79,7 +80,7 @@ function SstBody(){
햄스터 종류 : 드워프햄스터 (블루 사파이어)
- +
@@ -143,7 +144,7 @@ function SstBody(){
+ src="images/sst_imgs/image-12.png" />
@@ -158,7 +159,8 @@ function SstBody(){
010-6319-2108
- ) +
+ ) } export default SeoSangtae; \ No newline at end of file diff --git a/WarmUpProject/src/styles/jdy.css b/WarmUpProject/src/styles/jdy.css index 55eb09e..2378815 100644 --- a/WarmUpProject/src/styles/jdy.css +++ b/WarmUpProject/src/styles/jdy.css @@ -171,7 +171,7 @@ font-weight: lighter; } .proj_panel .header button{ - background: url("../../public/images/proj_panel_button_ui.svg") no-repeat center; + background: url("../../public/images/jdy_imgs/proj_panel_button_ui.svg") no-repeat center; margin-top: 20px; padding: 3px; border: none; diff --git a/WarmUpProject/src/styles/sangtae.css b/WarmUpProject/src/styles/sangtae.css index 88a0389..6809975 100644 --- a/WarmUpProject/src/styles/sangtae.css +++ b/WarmUpProject/src/styles/sangtae.css @@ -1,18 +1,11 @@ - -html { - font-size:62.5%; -} -* { - margin: 0; - padding: 0; -} -ul, li { +.SeoSangtae ul, li { list-style: none; } -input { +.SeoSangtae input { border: none; } -body { +.sst_body { + font-size:62.5%; width: 39rem; }.sangtae-H9r { width: 100%; @@ -422,7 +415,7 @@ body { background-size: 100% 100%; background-repeat: no-repeat; background-position: center; - background-image: url('../assets/kakaotalk20230403212212724-1-bg.png'); + background-image: url('../../public/images/sst_imgs/kakaotalk20230403212212724-1-bg.png'); border-radius: 3rem; flex-shrink: 0; } @@ -803,7 +796,7 @@ body { background-size: 100% 100%; background-repeat: no-repeat; background-position: center; - background-image: url('../assets/image-11-bg.png'); + background-image: url('../../public/images/sst_imgs/image-11-bg.png'); flex-shrink: 0; } .sangtae-H9r .auto-group-dkdi-5nx .auto-group-ybje-4aL .auto-group-jk9r-P6p .image-12-uL4 { @@ -819,7 +812,7 @@ body { background-size: 100% 100%; background-repeat: no-repeat; background-position: center; - background-image: url('../assets/image-9-bg.png'); + background-image: url('../../public/images/sst_imgs/image-9-bg.png'); flex-shrink: 0; } .sangtae-H9r .auto-group-dkdi-5nx .auto-group-ybje-4aL .auto-group-tgkz-2fa .image-10-NjS { diff --git a/WarmUpProject/src/styles/style.css b/WarmUpProject/src/styles/style.css index bb0002a..7511d36 100644 --- a/WarmUpProject/src/styles/style.css +++ b/WarmUpProject/src/styles/style.css @@ -34,7 +34,7 @@ --dl-space-space-threeunits: 48px; --dl-space-space-oneandhalfunits: 24px; } -.button { +.KimSeongbin .button { color: var(--dl-color-gray-black); display: inline-block; padding: 0.5rem 1rem; @@ -43,7 +43,7 @@ border-radius: 4px; background-color: var(--dl-color-gray-white); } -.input { +.KimSeongbin .input { color: var(--dl-color-gray-black); cursor: auto; padding: 0.5rem 1rem; @@ -52,7 +52,7 @@ border-radius: 4px; background-color: var(--dl-color-gray-white); } -.textarea { +.KimSeongbin .textarea { color: var(--dl-color-gray-black); cursor: auto; padding: 0.5rem; @@ -61,7 +61,7 @@ border-radius: 4px; background-color: var(--dl-color-gray-white); } -.list { +.KimSeongbin .list { width: 100%; margin: 1em 0px 1em 0px; display: block; @@ -69,14 +69,14 @@ list-style-type: none; list-style-position: outside; } -.list-item { +.KimSeongbin .list-item { display: list-item; } -.teleport-show { +.KimSeongbin .teleport-show { display: flex !important; transform: none !important; } -.Content { +.KimSeongbin .Content { font-size: 16px; font-family: Inter; font-weight: 400; @@ -84,7 +84,7 @@ text-transform: none; text-decoration: none; } -.Heading { +.KimSeongbin .Heading { font-size: 32px; font-family: Inter; font-weight: 700;