diff --git a/products/frontend/src/routes/Root/components/Borrow/index.tsx b/products/frontend/src/routes/Root/components/Borrow/index.tsx index 6807b9b..ac0d5a6 100644 --- a/products/frontend/src/routes/Root/components/Borrow/index.tsx +++ b/products/frontend/src/routes/Root/components/Borrow/index.tsx @@ -15,7 +15,7 @@ type Props = { const Borrow: FC = (props: Props) => { return ( <> - + {props.paybacks.length === 0 ? (

返すお金はありません

) : ( diff --git a/products/frontend/src/routes/Root/components/Group/index.module.css b/products/frontend/src/routes/Root/components/Group/index.module.css index bd40053..15297da 100644 --- a/products/frontend/src/routes/Root/components/Group/index.module.css +++ b/products/frontend/src/routes/Root/components/Group/index.module.css @@ -27,6 +27,7 @@ max-width: calc(100% - var(--space-sm) * 2); font-size: var(--text-xl); color: var(--background-color-base); + border: 6px double var(--background-color-base); background-color: var(--color-base); padding: 0 var(--space-sm); word-wrap: break-word; diff --git a/products/frontend/src/routes/Root/components/Lent/index.tsx b/products/frontend/src/routes/Root/components/Lent/index.tsx index a2ba69a..3a86c45 100644 --- a/products/frontend/src/routes/Root/components/Lent/index.tsx +++ b/products/frontend/src/routes/Root/components/Lent/index.tsx @@ -17,7 +17,7 @@ type Props = { const Lent: FC = (props: Props) => { return ( <> - + {props.receivables.length === 0 ? (

受け取るお金はありません

) : ( diff --git a/products/frontend/src/routes/Root/components/Menu/index.module.css b/products/frontend/src/routes/Root/components/Menu/index.module.css index 79f19ca..41dfbaf 100644 --- a/products/frontend/src/routes/Root/components/Menu/index.module.css +++ b/products/frontend/src/routes/Root/components/Menu/index.module.css @@ -17,5 +17,19 @@ flex-direction: column; gap: var(--space-base); text-align: center; + align-items: center; } } + +.button { + display: block; + text-decoration: none; + text-align: center; + font-size: var(--text-lg); + color: var(--background-color-base); + background-color: var(--color-base); + padding: 0 var(--space-sm); + border: 6px double var(--background-color-base); + cursor: pointer; + width: 150px; +} diff --git a/products/frontend/src/routes/Root/components/Menu/index.tsx b/products/frontend/src/routes/Root/components/Menu/index.tsx index 95d7ae6..d735596 100644 --- a/products/frontend/src/routes/Root/components/Menu/index.tsx +++ b/products/frontend/src/routes/Root/components/Menu/index.tsx @@ -7,8 +7,12 @@ import styles from './index.module.css'; const Menu: FC = () => { return (
- アカウント設定 - グループ作成 + + アカウント設定 + + + グループ作成 +
); };