画面の下余白消して、全部統一する

[shinyamamoto0422]

<div class="h-full w-full flex-grow-1"> <div class=""> <TopBarText title={"Goal"}/> <TopBarBorder/> </div> <div class="h-full relative"> <div class="bg-gray1 rounded-lg w-3/4 h-3/4 top-1/2 left-1/2 absolute -translate-x-1/2 -translate-y-1/2"> <p class="text-black1 text-base font-semibold">一連の流れ</p> <img src={BookPoint} alt="BookPoint" /> <img src={Leaf} alt="Leaf" /> {/* <img src={Note} alt="Note" /> */} <img src={Women} alt="Women" /> <Link to="/goal/setting-start"> <ButtonPurple4 content={"戻る"} /> </Link> <Link to="/goal/step1-5"> <ButtonPurple4 content={"次へ"} /> </Link> </div> </div> </div>
このh-fullの中にh-fullがあったりするので、そのせいで下に余白ができている。
前のissueで直そうとしたが、Goalの白ブロックの大きさを全体の縦の75％にしてたので、それを考慮せずいじるとバラバラになってしまうので、このissueで直すことにする。