From cca0f63e50684d6806697589b620ee4b4c1b21b5 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Thu, 20 Mar 2025 22:18:14 +0900
Subject: feat(frontend): improve watch page layout

---
 frontend/app/components/TitledColumn.tsx | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 frontend/app/components/TitledColumn.tsx

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

diff --git a/frontend/app/components/TitledColumn.tsx b/frontend/app/components/TitledColumn.tsx
new file mode 100644
index 0000000..4272ad4
--- /dev/null
+++ b/frontend/app/components/TitledColumn.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+type Props = {
+	children: React.ReactNode;
+	title: React.ReactNode;
+};
+
+export default function TitledColumn({ children, title }: Props) {
+	return (
+		<div className="p-4 flex flex-col gap-4">
+			<div className="text-center text-xl font-bold">{title}</div>
+			{children}
+		</div>
+	);
+}
-- 
cgit v1.2.3-70-g09d2

