diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-03-21 10:55:10 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-03-21 10:55:10 +0900 |
| commit | 4b28b1eb8ee6177a8009b89ac2200b3b753bc5b1 (patch) | |
| tree | 4180285e8270f9daa22ee71d93397bab8b38dd0b /frontend/app/components/TitledColumn.tsx | |
| parent | e31c22dda15a665ffefc13b14a8b377062ef0351 (diff) | |
| download | phperkaigi-2025-albatross-4b28b1eb8ee6177a8009b89ac2200b3b753bc5b1.tar.gz phperkaigi-2025-albatross-4b28b1eb8ee6177a8009b89ac2200b3b753bc5b1.tar.zst phperkaigi-2025-albatross-4b28b1eb8ee6177a8009b89ac2200b3b753bc5b1.zip | |
feat(frontend): support mobile layout
Diffstat (limited to 'frontend/app/components/TitledColumn.tsx')
| -rw-r--r-- | frontend/app/components/TitledColumn.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/frontend/app/components/TitledColumn.tsx b/frontend/app/components/TitledColumn.tsx index 4272ad4..a26271b 100644 --- a/frontend/app/components/TitledColumn.tsx +++ b/frontend/app/components/TitledColumn.tsx @@ -3,11 +3,12 @@ import React from "react"; type Props = { children: React.ReactNode; title: React.ReactNode; + className?: string; }; -export default function TitledColumn({ children, title }: Props) { +export default function TitledColumn({ children, title, className }: Props) { return ( - <div className="p-4 flex flex-col gap-4"> + <div className={`p-4 flex flex-col gap-4 ${className}`}> <div className="text-center text-xl font-bold">{title}</div> {children} </div> |