Increase image display size to 60% of the split layout

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

View File

@@ -240,7 +240,7 @@ function App() {
style={{ height: 'calc(100vh - 9.5rem)' }}
>
{/* 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' ? (
<div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0">
<img

View File

@@ -142,7 +142,7 @@ function JobDetail({ jobId, onClose, onReviewed }) {
{job && !loading && (
<>
{/* 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">
<img
src={`${API_BASE}/jobs/${job.id}/image`}