From c94b9a1237617ce8df8c0ef03e48d96abcc8d814 Mon Sep 17 00:00:00 2001 From: jiyun0220 <145185712+jiyun0220@users.noreply.github.com> Date: Mon, 26 Aug 2024 20:32:30 +0900 Subject: [PATCH] feat :: MainView --- crescendo-web/.DS_Store | Bin 0 -> 8196 bytes crescendo-web/src/image/.DS_Store | Bin 6148 -> 6148 bytes crescendo-web/src/image/button.png | Bin 0 -> 4355 bytes crescendo-web/src/image/var.png | Bin 0 -> 5043 bytes crescendo-web/src/pages/Main.css | 54 ++++++++++++++++++++++++++++- crescendo-web/src/pages/Main.js | 13 +++++++ images/.DS_Store | Bin 0 -> 6148 bytes 7 files changed, 66 insertions(+), 1 deletion(-) create mode 100644 crescendo-web/.DS_Store create mode 100644 crescendo-web/src/image/button.png create mode 100644 crescendo-web/src/image/var.png create mode 100644 images/.DS_Store diff --git a/crescendo-web/.DS_Store b/crescendo-web/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..639e3d2fad3e00b6b0778f94ddf69ce5ccd3a0a7 GIT binary patch literal 8196 zcmeHM%Wl&^6upzAO{^9vNL0!O$r9TTQd%KJY)qOiSg>gjEC7W#j*6-4iQaE-Es`s$lc8?z&uh&lF;NFAB zXQPYgGL|3pJ(IAX3{rE=+b2|VGx{)`$B~TB(W)5x6qBTYrZl2UT}q+Ql#<*T2Q;dD zg>PP?+ccvwP3QvoIsET~C3U?+?vcmEw6iH` zr``q+NnvJCzf#EbE)3-TAG)xy0@q1_s=3*givLfypZ{N{De=9s0<6FvDj;fu;h+za z-qo)lt6knjdW)n?`DF$*1zF*T0P4U0FhtpftKxVTGlOV>@j-x=fiqU%uPX2pzJeuK literal 0 HcmV?d00001 diff --git a/crescendo-web/src/image/.DS_Store b/crescendo-web/src/image/.DS_Store index 9850ed6f415587304e1b69479800c0caa828bdd2..830fe1363b95b5a8fc2697c9ba9c820f389247a6 100644 GIT binary patch delta 352 zcmZoMXfc=|#>B)qu~2NHo}wrl0|Nsi1A_nqLpFmRLjgk`L%L_q#)HcljX^S;49N@` z45>g8Nj5(@DJMS(C=1lY;0VNe|G|KPVPcPYJr_edLq3BOLn0nc>yb49*&JX?a)8#u zoq%i!qb!CJzu~2NHo}wrt0|NsP3otOGG88fBF%&T5F{Do{RA*$IY{z82*_HVa r%jN{;CZ^5o9Q+(WZJPs`zcWwf7t!Se={x|$43lkmq<iEMW!!tP>Pp diff --git a/crescendo-web/src/image/button.png b/crescendo-web/src/image/button.png new file mode 100644 index 0000000000000000000000000000000000000000..9c06142d24b04b103770e875988510195e9adc4f GIT binary patch literal 4355 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 JPDHLkV1iS&q7ncA literal 0 HcmV?d00001 diff --git a/crescendo-web/src/pages/Main.css b/crescendo-web/src/pages/Main.css index c7651b9..fcef006 100644 --- a/crescendo-web/src/pages/Main.css +++ b/crescendo-web/src/pages/Main.css @@ -2,4 +2,56 @@ background-color: #895D3C; width: 100%; height: 15px; - } \ No newline at end of file + margin-bottom: 10px; + } +.container { + display: flex; + flex-direction: column; /* 세로 방향으로 배치 */ + align-items: center; /* 수평 가운데 정렬 */ + justify-content: flex-start; /* 상단에 붙이기 */ + height: 100vh; /* 전체 화면 높이 */ + padding: 0; /* 패딩 제거 */ + margin: 0; /* 기본 여백 제거 */ + box-sizing: border-box; /* 패딩과 테두리가 전체 크기에 포함되도록 설정 */ + } +.text { + background-color: none; + border-radius: 50px; + border: solid 0.2px #714C2F; + height: 42px; + width: 380px; + margin-top: 10px; + font-size: 20px; +} +h4 { + font-size: 24px; + color: #714C2F; + margin-right: 150px; +} +h5 { + font-size: 24px; + color: #714C2F; + margin-right: 260px; +} +.Todo { + background-color: none; + border-radius: 20px; + border: solid 1px #714C2F; + width: 380px; + height: 273px; +} +.underline { + background-color: #714C2F; + width: 380px; + height: 2px; +} +.plus { + width: 80px; + height: 80px; + border-radius: 50%;; +} +.under { + position: fixed; + margin-top: 700px; + margin-left: 340px; +} \ No newline at end of file diff --git a/crescendo-web/src/pages/Main.js b/crescendo-web/src/pages/Main.js index e5b5df9..1b03286 100644 --- a/crescendo-web/src/pages/Main.js +++ b/crescendo-web/src/pages/Main.js @@ -3,7 +3,20 @@ import "./Main.css"; function Main() { return ( +
+ + +

오늘의 추천 Todo 🔥

+
+
My Todo
+
+
+ +
+
); } diff --git a/images/.DS_Store b/images/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..d95a03b76497092a3d5f989f2bb1f9af643676f9 GIT binary patch literal 6148 zcmeHKOHRW;47E!o5C~LuY>;w-it=X{s!Yv z##@9cTk^cg%=1KkNyZr>;^F*eK-43m6}Vt`6-~xuUc6vZDU5}?N zb_|39p}>DrK)&5&x}p~vP@ihw?`(`2*%nUW{Vz52WGgWCPM*)(;Jjt{&ief7@OPc{ zKOO#Fp5K``{C$W2;qVXge9?zDGWi}l{P$mcQ{Ty!z;38-Y$sRMzW%I??PRLTx7kjf zEV{SZPL`^An|+kmq$8TQ*~fXdzLE7e%(6Uj*rH&ay-rUwN1eK(Db47aZs{=}DQY&J zEEZZQL(LXjSu>0_6bJ=Efgc5Ae<