Added template creator (doesn't work without db)

2026-03-10 19:15:03 -05:00
parent 5a8b20a827
commit 39c5021e2f
10 changed files with 322 additions and 8 deletions
@@ -0,0 +1,49 @@
+import type { Component } from 'solid-js';
+import { A } from '@solidjs/router';
+
+interface AppContainerProps {
+    children?: any;
+}
+
+const AppContainer: Component<AppContainerProps> = (props) => {
+    return (
+        <div class="min-h-screen bg-gray-50/50">
+            {/* Top Navigation Bar */}
+            <header class="bg-white border-b border-gray-200 sticky top-0 z-10 no-print">
+                <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+                    <div class="flex justify-between h-16">
+                        <div class="flex items-center gap-8">
+                            <div class="flex-shrink-0 flex items-center">
+                                <span class="font-bold text-xl text-gray-900 tracking-tight">EstiMaker</span>
+                            </div>
+                            <nav class="flex space-x-4">
+                                <A 
+                                    href="/"
+                                    class="inline-flex items-center px-3 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 rounded-md transition-colors"
+                                    activeClass="text-blue-600 bg-blue-50 hover:bg-blue-50 hover:text-blue-700"
+                                    end={true}
+                                >
+                                    Item Extractor
+                                </A>
+                                <A 
+                                    href="/templates"
+                                    class="inline-flex items-center px-3 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 rounded-md transition-colors"
+                                    activeClass="text-blue-600 bg-blue-50 hover:bg-blue-50 hover:text-blue-700"
+                                >
+                                    Template Creator
+                                </A>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </header>
+
+            {/* Main Content Area */}
+            <main class="max-w-6xl mx-auto p-4 sm:p-6 lg:p-8">
+                {props.children}
+            </main>
+        </div>
+    );
+};
+
+export default AppContainer;