feat: better titlebar

src/components/CommandWrapper.tsx

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { theme } from '../stitches.config';
+
+interface CommandWrapperProps {
+  children: ReactNode;
+  fat?: boolean;
+}
+
+export default function CommandWrapper({ children, fat }: CommandWrapperProps) {
+  return (
+    <div
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        padding: `16px ${fat ? 0 : 16}px`,
+        gap: 16,
+        width: 480,
+        color: theme.colors.textHighContrast,
+        background: 'url(https://i.imgur.com/PhS06NJ.png)',
+      }}
+    >
+      {children}
+    </div>
+  );
+}