From 50d9f00cac4807cf7f9559e3851d3b6a36bafc66 Mon Sep 17 00:00:00 2001 From: hana-rs Date: Mon, 2 Dec 2024 18:04:10 +0900 Subject: [PATCH 1/5] =?UTF-8?q?feat/=E3=83=98=E3=83=83=E3=83=80=E3=83=BC?= =?UTF-8?q?=E4=BB=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/App.css | 17 +++++++++++++++++ client/src/App.jsx | 8 ++++++-- server/database.db | Bin 0 -> 20480 bytes 3 files changed, 23 insertions(+), 2 deletions(-) create mode 100644 server/database.db diff --git a/client/src/App.css b/client/src/App.css index b9d355d..e211e1b 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -40,3 +40,20 @@ .read-the-docs { color: #888; } + +header { + width: 100%; /* 幅いっぱいを指定 */ + height: 50px; /* ヘッダーの大きさを指定 */ + background: #ffffff; + padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定(タイトルが左にくっつきすぎないようにするため) */ + box-sizing: border-box; /* padding分を含んで幅を100%にするため(ヘッダーの初期位置と後ろのページが重ならないようにするため) */ + position: fixed; /* ウィンドウを基準に画面に固定 (ヘッダーを上に余白なく張り付けている)*/ + top: 0; /* 上下の固定位置を上から0pxにする */ + left: 0; /* 左右の固定位置を左から0pxにする */ + display: flex; /* 中の要素を横並びにする */ + justify-content: space-between; /* 中の要素を左右に分ける */ + align-items: center; /* 中の要素を縦に中央に揃える */ + /* ヘッダーの影をつける */ + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + z-index: 10; /* ヘッダーが他の要素より上に来る */ +} \ No newline at end of file diff --git a/client/src/App.jsx b/client/src/App.jsx index 13b1376..d3c7cff 100644 --- a/client/src/App.jsx +++ b/client/src/App.jsx @@ -7,8 +7,12 @@ function App() { return (
- Signup |{" "} - Dashboard +
+ Signup | Signin |{" "} + Dashboard |{" "} + Register +
+ } /> } /> diff --git a/server/database.db b/server/database.db new file mode 100644 index 0000000000000000000000000000000000000000..45783060b23f7905f973e01dd52336375278f6c9 GIT binary patch literal 20480 zcmeI3$&ce$9mnlTs;g^@p&O=#MNAGYO_ydWj-AC7jan)vaW*G$7TZ}+Pw^Z(vCCWH z#7QMcNY%gr!D()Y6I>Vx#LWB$`~e`%Z4O+J>Vyyy2aq^orKn;Y+p-no9$kN_kA2|xmn03-kjKmz|C1YVVcTL(u+=#SV5 zkPJn3G)vd4!KtJ4Y)2li-fw0a49zoPo=%sU@M>-N`A&G5G&x+X@=Ts-glmmrg>H1h zEYk_o0?!qzow0(P0zMu zZKB!Mt+mw_GVu0`H?FK!x@`yg7J9fy+`-8 zuTULsJUV!BfFhbDE9ck42kyjP-k&bVb4n~v0dJ~3_NUvvm$97+g8dSE5&Bc;`=O`% zzuhnI{cZ1Od-(3>yXNlR&Zk~AOppL100}?>kN_kA2|xmnz(WE6+d{s9esHmQ`Rb>a z7e6OeU;#f%+A(#a^$gpUBR$)EMoP~J^4ZX?#=yL~z>|93p5+`VS(^)rJUpvY$ssPp z)7834H;dA_Bb2ym+D>$>2Gd73aw(TiL&W6|8e1^71 zS~i!Uj)_^0>Y0T?YvCR%5xbNsGGNZuI(W0cQ29t)BO0w3og5Xo(|uo?@U=g^y!iO? z)lWzXOl$|NF;L*fQFprF$~rLPZbg_)sA!T)P1OQTIp?WpJ;8Ky9p!kyQtTp5)$AG2 z@?g(5khtr-qv^oUYfQ|=wlLreU9xEv)1!FXHd?aDu@cYMsrG^?<+?aGz*(G(M0qA^ zkYFCK&tLBPCXQB3tdW=UsTy1A3PWbVM+P)SmJ4Tjj$|XQG9QS1cXlqs7*^Ls!6K(l zqbDk~+WPK}FMoJfUR~=uIIl#f$7izzSDK~!s(f7Q3tVL=TZWMqr%tj?bo8{*79`wW zq!N`WN2PLdt}k>q*UeiMi{Ke`&=*@| zKSz^-d{!;jbif0E-l)+ZkFQSqZ2yq7)kaWhqFm?Fq&I2cf>?Q zwo}r2@oZKaCevrd6rJOgNB;E6c>2rfMNGh%_vS>@6LTCH18o9KaO6fn@AWjuObc>H zprz`&PtPxoK6${rV=SdD+M7lNfq7xrf-IMV1|6N9YUi39GyrtbhRKE zQfGkMQeN8dExfp~5PiMg5wSI+n58JnHj}+}(WFEvS&_2w&L}d@l}q|0Su8~jW=yhe z1q|mFe%zySI5{7+UZTE@*v016QY2rUtTpl-D~&rN4XBN|OsMe%s4>peb$bn`Jf2td ziNsG!5nJxfO^(FJg{aWiyULEYiesUV5bPJB-(!CX{SMp2{t)^I!?7&(cIfY+FR%sH z#Xftu)WZ@;01|)%AOT1K5`Y9C0Z0H6fCL}`NZ@}X@U6fH=MUX ztpI^O4ASkt9Y~<-LTh_p3mh#g?(Uy=p9Bs)lXr`Dd|f{_bU*mC?RQ@d89n}b0KaN` zS7Ga&KnDE}5t>Kg0CQWvF0``g%RUH*1iu+bExSF8WCXq)c;Wj2{48nrLl7Hp1!CK4 zVh8^J{~Oq!5$vDd0VYTQ5`Y9C0Z0H6fCL}`NB|Om1Rw!O022685_q~1INDzQsAL-r z9H7hZ05E_5k79pCydO-E03-kjKmw2eBmfCO0+0YC00}?>kN_m` Date: Mon, 2 Dec 2024 18:10:09 +0900 Subject: [PATCH 2/5] =?UTF-8?q?fix:=E3=83=98=E3=83=83=E3=83=80=E3=83=BC?= =?UTF-8?q?=E3=81=AE=E9=AB=98=E3=81=95=E3=82=92=EF=BC=85=E8=A1=A8=E7=A4=BA?= =?UTF-8?q?=E3=81=AB=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/App.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/App.css b/client/src/App.css index e211e1b..36b2b2e 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -43,7 +43,7 @@ header { width: 100%; /* 幅いっぱいを指定 */ - height: 50px; /* ヘッダーの大きさを指定 */ + height: 10%; /* ヘッダーの大きさを指定 */ background: #ffffff; padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定(タイトルが左にくっつきすぎないようにするため) */ box-sizing: border-box; /* padding分を含んで幅を100%にするため(ヘッダーの初期位置と後ろのページが重ならないようにするため) */ From ed84d0c7604660d45bb045095e2821573c9c82b9 Mon Sep 17 00:00:00 2001 From: hana-rs Date: Mon, 2 Dec 2024 18:21:32 +0900 Subject: [PATCH 3/5] =?UTF-8?q?fix:lint=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/App.css | 34 +++++++++++++++++----------------- client/src/App.jsx | 6 +++--- 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/client/src/App.css b/client/src/App.css index 36b2b2e..1aa0fc6 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -5,6 +5,23 @@ text-align: center; } +header { + width: 100%; /* 幅いっぱいを指定 */ + height: 10%; /* ヘッダーの大きさを指定 */ + background: #ffffff; + padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定(タイトルが左にくっつきすぎないようにするため) */ + box-sizing: border-box; /* padding分を含んで幅を100%にするため(ヘッダーの初期位置と後ろのページが重ならないようにするため) */ + position: fixed; /* ウィンドウを基準に画面に固定 (ヘッダーを上に余白なく張り付けている)*/ + top: 0; /* 上下の固定位置を上から0pxにする */ + left: 0; /* 左右の固定位置を左から0pxにする */ + display: flex; /* 中の要素を横並びにする */ + justify-content: space-between; /* 中の要素を左右に分ける */ + align-items: center; /* 中の要素を縦に中央に揃える */ + /* ヘッダーの影をつける */ + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + z-index: 10; /* ヘッダーが他の要素より上に来る */ +} + .logo { height: 6em; padding: 1.5em; @@ -39,21 +56,4 @@ .read-the-docs { color: #888; -} - -header { - width: 100%; /* 幅いっぱいを指定 */ - height: 10%; /* ヘッダーの大きさを指定 */ - background: #ffffff; - padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定(タイトルが左にくっつきすぎないようにするため) */ - box-sizing: border-box; /* padding分を含んで幅を100%にするため(ヘッダーの初期位置と後ろのページが重ならないようにするため) */ - position: fixed; /* ウィンドウを基準に画面に固定 (ヘッダーを上に余白なく張り付けている)*/ - top: 0; /* 上下の固定位置を上から0pxにする */ - left: 0; /* 左右の固定位置を左から0pxにする */ - display: flex; /* 中の要素を横並びにする */ - justify-content: space-between; /* 中の要素を左右に分ける */ - align-items: center; /* 中の要素を縦に中央に揃える */ - /* ヘッダーの影をつける */ - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); - z-index: 10; /* ヘッダーが他の要素より上に来る */ } \ No newline at end of file diff --git a/client/src/App.jsx b/client/src/App.jsx index d3c7cff..4e2b166 100644 --- a/client/src/App.jsx +++ b/client/src/App.jsx @@ -8,9 +8,9 @@ function App() {
- Signup | Signin |{" "} - Dashboard |{" "} - Register + Signup | Signin |{" "} + Dashboard |{" "} + Register
From cab396f7a38e0f5f6078962d0ac80d600874f8b5 Mon Sep 17 00:00:00 2001 From: hana-rs Date: Mon, 2 Dec 2024 18:24:53 +0900 Subject: [PATCH 4/5] =?UTF-8?q?fix:lint=E4=BF=AE=E6=AD=A32?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/App.css | 23 +++++++++++------------ 1 file changed, 11 insertions(+), 12 deletions(-) diff --git a/client/src/App.css b/client/src/App.css index 1aa0fc6..8d488e0 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -6,20 +6,19 @@ } header { - width: 100%; /* 幅いっぱいを指定 */ - height: 10%; /* ヘッダーの大きさを指定 */ + width: 100%; + height: 10%; background: #ffffff; - padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定(タイトルが左にくっつきすぎないようにするため) */ - box-sizing: border-box; /* padding分を含んで幅を100%にするため(ヘッダーの初期位置と後ろのページが重ならないようにするため) */ - position: fixed; /* ウィンドウを基準に画面に固定 (ヘッダーを上に余白なく張り付けている)*/ - top: 0; /* 上下の固定位置を上から0pxにする */ - left: 0; /* 左右の固定位置を左から0pxにする */ - display: flex; /* 中の要素を横並びにする */ - justify-content: space-between; /* 中の要素を左右に分ける */ - align-items: center; /* 中の要素を縦に中央に揃える */ - /* ヘッダーの影をつける */ + padding: 20px 50px; + box-sizing: border-box; + position: fixed; + top: 0; + left: 0; + display: flex; + justify-content: space-between; + align-items: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); - z-index: 10; /* ヘッダーが他の要素より上に来る */ + z-index: 10; } .logo { From 0e2dd157abcaa97b992042a8d936ab6e5adfcf35 Mon Sep 17 00:00:00 2001 From: hana-rs Date: Mon, 2 Dec 2024 18:27:57 +0900 Subject: [PATCH 5/5] =?UTF-8?q?fix:lint=E4=BF=AE=E6=AD=A33?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/App.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/client/src/App.css b/client/src/App.css index 8d488e0..9774d1a 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -6,19 +6,19 @@ } header { - width: 100%; - height: 10%; + width: 100%; + height: 10%; background: #ffffff; padding: 20px 50px; - box-sizing: border-box; + box-sizing: border-box; position: fixed; - top: 0; - left: 0; - display: flex; - justify-content: space-between; - align-items: center; + top: 0; + left: 0; + display: flex; + justify-content: space-between; + align-items: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); - z-index: 10; + z-index: 10; } .logo { @@ -55,4 +55,4 @@ header { .read-the-docs { color: #888; -} \ No newline at end of file +}