Simon/Scriberr
1
0
Fork 0
mirror of https://github.com/rishikanthc/Scriberr.git synced 2026-07-01 08:15:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: normalize layout across all views

Browse Source
This commit is contained in:
rishikanthc
2025-12-11 10:04:56 -08:00
parent fb7d26862d
commit 26310a1353
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/frontend/src/features/settings/pages/SettingsPage.tsx
View File

@@ -51,12 +51,12 @@ export function Settings() {
return (
<div className="min-h-screen bg-[var(--bg-main)]">
<div className="mx-auto w-full max-w-6xl px-2 sm:px-6 md:px-8 py-3 sm:py-6">
<div className="mx-auto w-full max-w-[900px] px-6 py-8">
{/* Use the same Header component as Homepage */}
<Header onFileSelect={handleFileSelect} />
{/* Main Content Container with same styling as Homepage */}
<div className="bg-[var(--bg-card)] border border-[var(--border-subtle)] shadow-[var(--shadow-card)] rounded-[var(--radius-card)] p-2 sm:p-6 mt-4 sm:mt-6">
<div className="bg-[var(--bg-card)] border border-[var(--border-subtle)] shadow-[var(--shadow-card)] rounded-[var(--radius-card)] p-2 sm:p-6 mt-8">
<div className="mb-4 sm:mb-8">
<h1 className="text-2xl font-display font-bold text-[var(--text-primary)] mb-2">
Settings

6
web/frontend/src/features/transcription/components/AudioDetailView.tsx
View File

@@ -140,16 +140,16 @@ export const AudioDetailView = function AudioDetailView({ audioId: propAudioId }
{/*
1. Header Redesign:
- Using shared Header component for consistency
- Padding matches Dashboard (px-4 sm:px-8)
- Padding matches Dashboard (px-6)
*/}
<div className="max-w-6xl mx-auto w-full px-4 sm:px-8 py-6">
<div className="max-w-[900px] mx-auto w-full px-6 py-8">
<Header
onFileSelect={() => { }} // No file upload in detail view
/>
</div>
{/* Main Content */}
<main className="flex-1 overflow-y-auto overflow-x-hidden px-4 sm:px-8 pb-32 max-w-6xl mx-auto">
<main className="flex-1 overflow-y-auto overflow-x-hidden px-6 pb-32 max-w-[900px] mx-auto w-full">
<div className="mx-auto space-y-8">
{/*

2
web/frontend/src/features/transcription/components/Dashboard.tsx
View File

@@ -244,7 +244,7 @@ export function Dashboard() {
onDragOver={handleDragOver}
onDrop={handleDrop}
>
<div className="mx-auto w-full max-w-6xl px-4 sm:px-8 py-8 sm:py-12 transition-all duration-300">
<div className="mx-auto w-full max-w-[900px] px-6 py-8 transition-all duration-300">
<Header
onFileSelect={handleFileSelect}
onMultiTrackClick={() => setIsMultiTrackDialogOpen(true)}