diff --git a/components/BottomNav.module.css b/components/BottomNav.module.css index 072bf61..a97b565 100644 --- a/components/BottomNav.module.css +++ b/components/BottomNav.module.css @@ -2,15 +2,19 @@ display: flex; flex-flow: center; align-items: center; - justify-content: space-around; - /* or inline-flex */ + justify-content: space-between; + margin: calc(40rem / 16) calc(40rem / 16); +} + +.subBox { + display: inline-block; } .item { - display: inline-block; color: var(--primary-text); font-size: calc(28rem / 16); position: relative; + margin: calc(24rem / 16); } .item:after { diff --git a/components/BottomNav.tsx b/components/BottomNav.tsx index f1b1048..146335f 100644 --- a/components/BottomNav.tsx +++ b/components/BottomNav.tsx @@ -11,14 +11,26 @@ interface PageLinks { export function BottomNav(props: PageLinks) { return (