Merge pull request #65 from ArhanAnsari/ArhanAnsari-patch-1

Update page.tsx
ArhanAnsari · Sep 29, 2024 · 0d459d7 · 0d459d7
2 parents 2b69904 + 52f9eab
commit 0d459d7
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
@@ -133,7 +133,8 @@ export default function Dashboard() {
           value={input}
           onChange={(e) => setInput(e.target.value)}
           placeholder="Enter text to generate AI content"
-          className="border p-2 w-full mb-4 resize-none h-32" // Added h-32 to control height
+          className="border p-2 w-full mb-4 rounded resize-none"
+          rows={4} // Set rows to control height
         />
         <button
           onClick={generateAIContent}
@@ -143,7 +144,7 @@ export default function Dashboard() {
           {isLoading ? 'Generating...' : 'Generate AI Content'}
         </button>
         {output ? (
-          <div className="mt-6 bg-gray-100 p-4 rounded overflow-x-auto"> {/* Added overflow-x-auto */}
+          <div className="mt-6 bg-gray-100 p-4 rounded">
             <h3 className="text-lg font-semibold">Generated Content:</h3>
             <MarkdownRenderer content={output} />
           </div>
@@ -163,7 +164,7 @@ export default function Dashboard() {
         {previousContent.length ? (
           <ul className="space-y-4">
             {previousContent.map((content) => (
-              <li key={content.id} className="border p-4 rounded overflow-x-auto"> {/* Added overflow-x-auto */}
+              <li key={content.id} className="border p-4 rounded">
                 <h3 className="font-semibold">{content.question}</h3>
                 <MarkdownRenderer content={content.response} />
                 <p className="text-sm text-gray-500">
@@ -176,7 +177,6 @@ export default function Dashboard() {
           <p>No previous content found.</p>
         )}
       </div>
-
       {/* Star us on GitHub Button */}
       <div className="mt-8">
         <a