From 4b28b1eb8ee6177a8009b89ac2200b3b753bc5b1 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Fri, 21 Mar 2025 10:55:10 +0900
Subject: feat(frontend): support mobile layout

---
 frontend/app/components/TitledColumn.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'frontend/app/components/TitledColumn.tsx')

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>
-- 
cgit v1.3.1

