Seth0330 commited on
Commit
daddb50
·
verified ·
1 Parent(s): 502422f

Update frontend/src/pages/Dashboard.jsx

Browse files
Files changed (1) hide show
  1. frontend/src/pages/Dashboard.jsx +5 -5
frontend/src/pages/Dashboard.jsx CHANGED
@@ -95,7 +95,7 @@ export default function Dashboard() {
95
  <motion.div
96
  initial={{ opacity: 0, y: 20 }}
97
  animate={{ opacity: 1, y: 0 }}
98
- className="max-w-3xl mx-auto mb-8"
99
  >
100
  <UploadZone
101
  onFileSelect={handleFileSelect}
@@ -108,7 +108,7 @@ export default function Dashboard() {
108
  <motion.div
109
  initial={{ opacity: 0, y: 10 }}
110
  animate={{ opacity: 1, y: 0 }}
111
- className="mt-6 flex justify-center"
112
  >
113
  <Button
114
  onClick={handleExtract}
@@ -148,7 +148,7 @@ export default function Dashboard() {
148
 
149
  {/* Processing Status */}
150
  {(isProcessing || isComplete) && (
151
- <div className="max-w-4xl mx-auto mb-8">
152
  <ProcessingStatus
153
  isProcessing={isProcessing}
154
  isComplete={isComplete}
@@ -162,8 +162,8 @@ export default function Dashboard() {
162
  initial={{ opacity: 0, y: 20 }}
163
  animate={{ opacity: 1, y: 0 }}
164
  transition={{ delay: 0.2 }}
165
- className="grid grid-cols-1 lg:grid-cols-2 gap-6"
166
- style={{ height: "calc(100vh - 420px)", minHeight: "500px" }}
167
  >
168
  <DocumentPreview file={selectedFile} isProcessing={isProcessing} />
169
  <ExtractionOutput
 
95
  <motion.div
96
  initial={{ opacity: 0, y: 20 }}
97
  animate={{ opacity: 1, y: 0 }}
98
+ className="max-w-3xl mx-auto mb-4"
99
  >
100
  <UploadZone
101
  onFileSelect={handleFileSelect}
 
108
  <motion.div
109
  initial={{ opacity: 0, y: 10 }}
110
  animate={{ opacity: 1, y: 0 }}
111
+ className="mt-4 flex justify-center"
112
  >
113
  <Button
114
  onClick={handleExtract}
 
148
 
149
  {/* Processing Status */}
150
  {(isProcessing || isComplete) && (
151
+ <div className="max-w-3xl mx-auto mb-4">
152
  <ProcessingStatus
153
  isProcessing={isProcessing}
154
  isComplete={isComplete}
 
162
  initial={{ opacity: 0, y: 20 }}
163
  animate={{ opacity: 1, y: 0 }}
164
  transition={{ delay: 0.2 }}
165
+ className="grid grid-cols-1 lg:grid-cols-2 gap-4"
166
+ style={{ height: "calc(100vh - 320px)", minHeight: "450px" }}
167
  >
168
  <DocumentPreview file={selectedFile} isProcessing={isProcessing} />
169
  <ExtractionOutput