質問編集履歴
2
バージョンの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -59,3 +59,7 @@
|
|
|
59
59
|
あと、```Home.tsx```では```<Box/>```を入れることによって```ChartCard.tsx```の表示領域がヘッダーに被らないようにしています。つまり、この```<Box/>```がないとチャートタイトルと最新値がヘッダーの下に隠れてしまいます。できれば最小限の要素（```<Box/>```無し）でヘッダーと```ChartCard.tsx```の表示が被らないようにしたいのですが、```<Box/>```は必要でしょうか？
|
|
60
60
|
|
|
61
61
|
よろしくお願いします。
|
|
62
|
+
|
|
63
|
+
React & Chakra-UIのバージョン
|
|
64
|
+
React: 17.0.2
|
|
65
|
+
Chakra-UI: 1.8.6
|
1
文末の加筆
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -57,3 +57,5 @@
|
|
|
57
57
|
```Home.tsx```の```<Flex/>```の```borderBottom="solid"```で白線を表示させているのですが、この```<Flex/>```の```padding```、```margin```、```width```や```maxW```などを変えてみても添付画像の青色領域内に収められません。どうすればいいでしょうか？
|
|
58
58
|
|
|
59
59
|
あと、```Home.tsx```では```<Box/>```を入れることによって```ChartCard.tsx```の表示領域がヘッダーに被らないようにしています。つまり、この```<Box/>```がないとチャートタイトルと最新値がヘッダーの下に隠れてしまいます。できれば最小限の要素（```<Box/>```無し）でヘッダーと```ChartCard.tsx```の表示が被らないようにしたいのですが、```<Box/>```は必要でしょうか？
|
|
60
|
+
|
|
61
|
+
よろしくお願いします。
|