aaron/rw-deepseek-ocr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Increase image display size to 60% of the split layout

Browse Source 
Change image/text column ratio from 50/50 to 60/40 (3fr 2fr) on both
the New Job result view and the Browse Jobs detail view.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Aaron Roberts
2026-06-09 18:05:09 +01:00
parent 247a5e4b0e
commit 7381ecd12e
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/App.jsx
View File

@@ -240,7 +240,7 @@ function App() {
style={{ height: 'calc(100vh - 9.5rem)' }} style={{ height: 'calc(100vh - 9.5rem)' }}
> >
{/* Image + Text */} {/* Image + Text */}
<div className="grid grid-cols-2 gap-6 flex-1 min-h-0"> <div className="grid gap-6 flex-1 min-h-0" style={{ gridTemplateColumns: '3fr 2fr' }}>
{imagePreview && typeof imagePreview === 'string' ? ( {imagePreview && typeof imagePreview === 'string' ? (
<div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0"> <div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0">
<img <img

2
frontend/src/components/JobsPanel.jsx
View File

@@ -142,7 +142,7 @@ function JobDetail({ jobId, onClose, onReviewed }) {
{job && !loading && ( {job && !loading && (
<> <>
{/* Image + Text */} {/* Image + Text */}
<div className="grid grid-cols-2 gap-6 flex-1 min-h-0"> <div className="grid gap-6 flex-1 min-h-0" style={{ gridTemplateColumns: '3fr 2fr' }}>
<div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0"> <div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0">
<img <img
src={`${API_BASE}/jobs/${job.id}/image`} src={`${API_BASE}/jobs/${job.id}/image`}