wip

BunsDev · Dec 30, 2024 · fb9b472 · fb9b472
1 parent f661261
commit fb9b472
Showing 1 changed file with 19 additions and 5 deletions.
diff --git a/app/(main)/page.tsx b/app/(main)/page.tsx
@@ -22,14 +22,14 @@ export default function Home() {
   >("initial");
   let [prompt, setPrompt] = useState("");
   let models = [
-    {
-      label: "Llama 3.1 405B",
-      value: "meta-llama/Meta-Llama-3.1-405B-Instruct-Turbo",
-    },
     {
       label: "Qwen 2.5 Coder 32B",
       value: "Qwen/Qwen2.5-Coder-32B-Instruct",
     },
+    {
+      label: "Llama 3.1 405B",
+      value: "meta-llama/Meta-Llama-3.1-405B-Instruct-Turbo",
+    },
     {
       label: "Llama 3.3 70B",
       value: "meta-llama/Llama-3.3-70B-Instruct-Turbo",
@@ -195,7 +195,7 @@ export default function Home() {
                 value={model}
                 onValueChange={(value) => setModel(value)}
               >
-                <Select.Trigger className="group flex w-60 max-w-xs items-center rounded-2xl border-[6px] border-gray-300 bg-white px-4 py-2 text-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500">
+                <Select.Trigger className="group flex w-56 max-w-xs items-center rounded-2xl border-[6px] border-gray-300 bg-white px-4 py-2 text-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500">
                   <Select.Value />
                   <Select.Icon className="ml-auto">
                     <ChevronDownIcon className="size-6 text-gray-300 group-focus-visible:text-gray-500 group-enabled:group-hover:text-gray-500" />
@@ -243,6 +243,20 @@ export default function Home() {
                 <Switch.Thumb className="size-7 rounded-lg bg-gray-200 shadow-[0_1px_2px] shadow-gray-400 transition data-[state=checked]:translate-x-7 data-[state=checked]:bg-white data-[state=checked]:shadow-gray-600" />
               </Switch.Root>
             </div>
+            <div className="flex h-full items-center justify-between gap-3 sm:justify-center">
+              <label className="text-gray-500 sm:text-xs" htmlFor="shadcn">
+                shadcn/ui:
+              </label>
+              <Switch.Root
+                className="group flex w-20 max-w-xs items-center rounded-2xl border-[6px] border-gray-300 bg-white p-1.5 text-sm shadow-inner transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 data-[state=checked]:bg-blue-500"
+                id="shadcn"
+                name="shadcn"
+                checked={shadcn}
+                onCheckedChange={(value) => setShadcn(value)}
+              >
+                <Switch.Thumb className="size-7 rounded-lg bg-gray-200 shadow-[0_1px_2px] shadow-gray-400 transition data-[state=checked]:translate-x-7 data-[state=checked]:bg-white data-[state=checked]:shadow-gray-600" />
+              </Switch.Root>
+            </div>
           </div>
         </fieldset>
       </form>