feat(frontend): improve watch page layout

1 files changed, 15 insertions, 0 deletions

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>
+	);
+}