From 0322cd7392073460947f5899b58fc81a0735bb83 Mon Sep 17 00:00:00 2001
From: MinseoLee <mmmm@ajou.ac.kr>
Date: Thu, 16 Nov 2023 23:39:11 +0900
Subject: [PATCH] style: use global var `--header-height`
---
.DS_Store | Bin 6148 -> 6148 bytes
src/.DS_Store | Bin 6148 -> 6148 bytes
src/App.module.css | 2 +-
src/common/.DS_Store | Bin 0 -> 6148 bytes
.../components/header/Header.module.css | 2 +-
src/contexts/cart/index.tsx | 2 +-
src/index.css | 2 ++
src/pages/.DS_Store | Bin 0 -> 6148 bytes
src/pages/login-page/LoginPage.module.css | 2 +-
src/pages/signup-page/SignupPage.module.css | 11 +++++++++++
src/pages/signup-page/SignupPage.tsx | 8 +++++++-
11 files changed, 24 insertions(+), 5 deletions(-)
create mode 100644 src/common/.DS_Store
create mode 100644 src/pages/.DS_Store
diff --git a/.DS_Store b/.DS_Store
index 6dfa38a8eea56d0378b4e816c009593080ee2177..3d88c7caa09e59e5036b9228408801d86d6056f9 100644
GIT binary patch
delta 88
zcmZoMXffE3!fey8#=yY9%uviw#E_hu@8Xh_lb^)Ez`#-CC|G{K;ix0BYzms}<OR%<
VOiT+lA7pl8nb^R#nVsV=KL8|b86*Gz
delta 88
zcmZoMXffE3!fc~e!N9=4%uviw#E_hu@8Xh_lb^)Ez`)^gf8F-#vZId3vMFe?lNT^c
VGBHfpe303VWnu%{W_FIh`~YDB8nFNX
diff --git a/src/.DS_Store b/src/.DS_Store
index 4316b3bb28a631ccfaf3f7def2560514dc3eb4ac..2cc92dee4cdf0823b3273f01282332e15298544f 100644
GIT binary patch
literal 6148
zcmZQzU|@7AO)+F(5MW?n;9!8zEL;p&0Z1N%F(jFwA|fF3z-Ht#<mIFr1}Ep|7C_}j
zsnHM^4S~TM0-(Ih#*oaA&ydTI%Yc!8Wj`@6Frdii=DWBg<>V)U3XZ_kd8f*1jyhth
zNg=4FAOpFaSO5wkh&_1>X$+YR>1gH1a=0B(d1QBNf15Y)UIUUl;A#-=z@-M&9iZ}%
zfdd>Kc?=~CsSFhiB@D%=ZegAP@;ka3WcMh`T#FE@2fGKutlWHroA9Z_;x1N(0)|9}
zbcR%P7um)zFfbs=<|4(BTcgrZs9R7}AY6f61&aNQ2B7$1WhiARVaR02LARe#18hHB
z7TNw#&!r+$A#sDGA2}4Tt3a`zK>=j{D5h=*FhY#u;D*qn<Y)+thQMeDz(W93K7a~d
z5bXeI<1;isXpj&CBLf4t3&6<0zyj062<`_kfaE}0K{QA!hz4n8U<9$iW`MOaFhaF5
zg1aFgec&pXfe~8dGctg+GcbZ}W?*0h+sweg2+_{K2(_6J+CyQ4XlGyq+s?qi2+<C6
z-Y7j90;3@S4FP5dEdZ+jT^Sf~_5UHNM#<3-7!84883K$fF2OEN;7S?0|3Gyus6I`A
zN`vZPP;Jf#s;?pXKuW-}OppOZ2`~pD2hs|v_Q6##BLk!+A8iQ0LTHp84FURx003`S
BsObOz
delta 253
zcmZoMXfc=|#>B)qu~2NHo+2a1#(>?7j2x4BSmc-(7$)nm$gqVjUUuMH`eZ*Axq1lm
zs3QXd0~<p!Lq0<;LoP!;Lta6KVQ_MOZUF-Vurd@dBr>Ekq%sueq@&2TF)%P7$>!#}
zxFqG|CowQEa4cAV_~^HEu=yw|QXncca4JD{fWT%!4l$OA4fi&)bMSL8F>!7d<oM1!
UnP0?_1LQzP1_qYR5h81t0cATsLjV8(
diff --git a/src/App.module.css b/src/App.module.css
index d4311e0..30c654a 100644
--- a/src/App.module.css
+++ b/src/App.module.css
@@ -1,4 +1,4 @@
.page-container {
- margin-top: 48px;
+ margin-top: var(--header-height);
height: 100%;
}
diff --git a/src/common/.DS_Store b/src/common/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..2f66e783d38a995667f299dd02cf0fd9cd4cd128
GIT binary patch
literal 6148
zcmZQzU|@7AO)+F(5MW?n;9!8zOq>i@0Z1N%F(jFwA|Odduo?Lbc?_uxc?=~C#Zb9X
zYH)`DDDJozk{R+Dav2I3km4^V-7q*gKeqtld@)-F1_rF^a`RnWl5+BsKnZEHvhk<>
zhNF(S)us@wwjcx9{sxdUm>H58iW!PgUB<qZfq?-kgX|XZS<+i`YQS!R%OY&Yltr~q
z0c77O9u0xf5Eu=C;Ti&r5RY+iL+DX*Gz3ONU^E2aApj~LKn)=f?EvaCFfcHH8e)tL
z3?Ly80qz1YGBB{fG(q|SU<DwpAT=PZAR45Vff2+4n+4X&zzEgK2=0b}^nto0AR4Tl
zfsp~Moq-W-GXn!7*k%R>Mu>I>MySn<poT2ST!?lCMu>I>Mu>Kp^G4~>5Eu;sXb3Pv
zXaP|D@5;b{tN#yCHA;?#z-R~z%Mf5>aS3*D0#%+kya%dlLG@_@R320ZgKBeFLjWWU
pYXmSs1{5VgVj#@OzyQ(;s`kNEF(af6G1?FS1<oiQ4S@j)0RZX)Or-z-
literal 0
HcmV?d00001
diff --git a/src/common/components/header/Header.module.css b/src/common/components/header/Header.module.css
index af8d181..f0365d2 100644
--- a/src/common/components/header/Header.module.css
+++ b/src/common/components/header/Header.module.css
@@ -1,5 +1,5 @@
.container {
- height: 48px;
+ height: var(--header-height);
width: 100%;
padding: 15px;
diff --git a/src/contexts/cart/index.tsx b/src/contexts/cart/index.tsx
index 8950999..dff5cc7 100644
--- a/src/contexts/cart/index.tsx
+++ b/src/contexts/cart/index.tsx
@@ -5,7 +5,7 @@ import type {FC, ReactNode} from "react";
interface CartContextType {
cartItem: CartItemData | null
- setCartItem: (d: CartItemData | null) => any;
+ setCartItem: (d: CartItemData | null) => void;
}
const CartContext = createContext<CartContextType>({
diff --git a/src/index.css b/src/index.css
index 7e55cfd..d808029 100644
--- a/src/index.css
+++ b/src/index.css
@@ -30,4 +30,6 @@ a {
--fs-3: 12px;
--fs-4: 16px;
--fs-5: 20px;
+
+ --header-height: 48px;
}
diff --git a/src/pages/.DS_Store b/src/pages/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5bdd41fd2f7b949548db70047f450e52eff14616
GIT binary patch
literal 6148
zcmZQzU|@7AO)+F(5MW?n;9!8zEL;p&0Z1N%F(jFwA|fF3z-H(&6fh(*q%)-Eq(kLK
zsnHM^4S~TM0-(Ih$&k#D$WX*k!hn>24TF>Oa|<92m)2xpV8Eg(H{Zo2DJMS(RERVR
zNUKk6IO>Q?WeSlh3o?*xb^tkmiy?<0pCO$glOYe63)vGG7#OgsLv~}J*v`!R5I5pb
zi*O|&wW#h?0J)QsA(tT$pDTG}!J&hp3fYY(UhA(EtcQjp7L^DW;#Z04K2Y#5fZUhL
zkjGGpD-?NIq3%Odh3vlOG81I?VW>p755G!O_XU8$kDH;GA(J5;?7{+EZe-lZz`%e*
zC9*rO^C&-m0Eugysu6A_tQyt5;P?i)c_?E>h~qi9A@nFY8UmvsFd72z5CD}Apn?uW
zgDPSW-2iFpgP07A3=H5d03!nf3rrIuxF5g(k^^Z4(IBlL8l;th5yS$U0oKaE2-V66
z?uLN$fx09h8mygxkpZlofsp~Moq-W-GXn!7L^}f`)MiF#4}}q;oq-Xeoq-Xe9p=1I
zdNc$^LjW2A%n(`tRR6m&FyQL{LsX5DqaiRF0>d%{7+G9`U7Wy`GIsxg>RM2J3hqTh
y)q$#GMo>Ks;e(WbH8Vj56eYkMh#W{OsM-ft#f%J)ntZe&01Kf}dNc&+9|8ad%)S!<
literal 0
HcmV?d00001
diff --git a/src/pages/login-page/LoginPage.module.css b/src/pages/login-page/LoginPage.module.css
index 7e0a45d..e607ceb 100644
--- a/src/pages/login-page/LoginPage.module.css
+++ b/src/pages/login-page/LoginPage.module.css
@@ -1,7 +1,7 @@
.container {
width: 100vw;
height: 100vh;
- margin-top: -48px;
+ margin-top: calc(-1*var(--header-height));
display: flex;
flex-direction: column;
diff --git a/src/pages/signup-page/SignupPage.module.css b/src/pages/signup-page/SignupPage.module.css
index e69de29..478bc46 100644
--- a/src/pages/signup-page/SignupPage.module.css
+++ b/src/pages/signup-page/SignupPage.module.css
@@ -0,0 +1,11 @@
+.container {
+ width: 100vw;
+ height: 100vh;
+ margin-top: calc(-1*var(--header-height));
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 8px;
+}
diff --git a/src/pages/signup-page/SignupPage.tsx b/src/pages/signup-page/SignupPage.tsx
index 174259c..e6ad9f3 100644
--- a/src/pages/signup-page/SignupPage.tsx
+++ b/src/pages/signup-page/SignupPage.tsx
@@ -1,7 +1,13 @@
import S from './SignupPage.module.css';
const SignupPage = () => {
- return (<div>SignupPage</div>);
+ return (
+ <div className={S['container']}>
+ <input />
+ <input />
+ <input />
+ </div>
+ );
};
export default SignupPage;
--
GitLab