initial state: muzick music player + recommendation engine

2026-07-14 01:35:52 +04:00
commit 737bf19fd1
196 changed files with 32431 additions and 0 deletions
@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+
+type ContainerWidth = 'sm' | 'md' | 'lg' | 'full';
+
+interface PageContainerProps {
+  children: ReactNode;
+  /** Controls max-width. sm → max-w-2xl, md → max-w-3xl (default), lg → max-w-5xl, full → no constraint. */
+  width?: ContainerWidth;
+  className?: string;
+}
+
+const WIDTH_CLASSES: Record<ContainerWidth, string> = {
+  sm: 'max-w-2xl',
+  md: 'max-w-3xl',
+  lg: 'max-w-5xl',
+  full: '',
+};
+
+/**
+ * Ethos page container — enforces consistent horizontal centering and
+ * vertical spacing so every page opens the same way.
+ *
+ * Previously every page hand-rolled its own `mx-auto space-y-* max-w-*`.
+ */
+export function PageContainer({ children, width = 'md', className = '' }: PageContainerProps) {
+  return (
+    <div className={`mx-auto space-y-6 ${WIDTH_CLASSES[width]} ${className}`}>
+      {children}
+    </div>
+  );
+}