Merge pull request #6 from cdreetz/dev

Dev
cdreetz · Sep 5, 2024 · 5add7eb · 5add7eb
2 parents 5604bbe + f20847c
commit 5add7eb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/app/llm-eval/page.tsx b/app/llm-eval/page.tsx
@@ -65,7 +65,6 @@ export default function Home() {
       for (let promptIndex = 0; promptIndex < prompts.length; promptIndex++) {
         const prompt = prompts[promptIndex];
 
-        //for (const model of selectedModels) {
         await Promise.all(selectedModels.map(async (model) => {
           try {
             const response = await fetch('/api/stream-text', {
@@ -135,7 +134,7 @@ export default function Home() {
           <AlertDescription>{error}</AlertDescription>
         </Alert>
       )}
-      <div className="grid grid-cols-2 gap-4 mb-4">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
         <div className="border rounded-lg p-4">
           <ModelSelectionForm
             availableModels={AVAILABLE_MODELS}
@@ -151,7 +150,7 @@ export default function Home() {
           />
         </div>
       </div>
-      <ScrollArea className="h-[400px] border rounded-lg p-4">
+      <ScrollArea className="h-[400px] md:h-[600px] border rounded-lg p-4">
         <ResultsTable results={results} selectedModels={selectedModels} isLoading={isLoading} isInitial={isInitial} />
       </ScrollArea>
     </main>

diff --git a/app/transcribe/page.tsx b/app/transcribe/page.tsx
@@ -110,8 +110,8 @@ export default function TranscribePage() {
           <AlertDescription>{error}</AlertDescription>
         </Alert>
       )}
-      <div className="flex space-x-6">
-        <div className="w-1/3 space-y-4 border rounded-lg p-4">
+      <div className="flex flex-col md:flex-row md:space-x-6 space-y-6 md:space-y-0">
+        <div className="w-full md:w-1/3 space-y-4 border rounded-lg p-4">
           <Input
             type="file"
             accept="audio/*"
@@ -174,7 +174,7 @@ export default function TranscribePage() {
             {isLoading ? 'Transcribing...' : 'Transcribe Audio'}
           </Button>
         </div>
-        <div className="w-2/3 border rounded-lg p-4">
+        <div className="w-full md:w-2/3 border rounded-lg p-4">
           <h2 className="text-xl font-semibold mb-2">Transcription Result:</h2>
           <Textarea
             value={transcription}

diff --git a/app/vision/page.tsx b/app/vision/page.tsx
@@ -87,8 +87,8 @@ export default function VisionPage() {
           <AlertDescription>{error}</AlertDescription>
         </Alert>
       )}
-      <div className="flex space-x-6">
-        <div className="w-1/3 space-y-4 border rounded-lg p-4">
+      <div className="flex flex-col md:flex-row md:space-x-6 space-y-6 md:space-y-0">
+        <div className="w-full md:w-1/3 space-y-4 border rounded-lg p-4">
           <Input
             type="file"
             accept="image/*"
@@ -107,7 +107,7 @@ export default function VisionPage() {
             {isLoading ? 'Processing...' : 'Process Image'}
           </Button>
         </div>
-        <div className="w-2/3 border rounded-lg p-4">
+        <div className="w-full md:w-2/3 border rounded-lg p-4">
           <h2 className="text-xl font-semibold mb-2">Result:</h2>
           <Textarea
             value={result}