cleanup margin/width/padding

This commit is contained in:
averel10
2026-03-13 14:16:59 +01:00
parent e9df095f06
commit c66835555d
8 changed files with 10 additions and 12 deletions

View File

@@ -36,7 +36,7 @@ export default async function DatasetEntryPage({ params }: DatasetEntryPageProps
if (entries.length === 0 || entries[0].datasetId !== datasetIdNum) { if (entries.length === 0 || entries[0].datasetId !== datasetIdNum) {
return ( return (
<div className="min-h-screen"> <div className="min-h-screen">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div className="px-4 sm:px-6 lg:px-8 py-8">
<Link <Link
href={`/admin/datasets/${datasetId}`} href={`/admin/datasets/${datasetId}`}
className="text-blue-500 hover:text-blue-600 mb-6 inline-block" className="text-blue-500 hover:text-blue-600 mb-6 inline-block"
@@ -55,7 +55,7 @@ export default async function DatasetEntryPage({ params }: DatasetEntryPageProps
return ( return (
<div> <div>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div className="px-4 sm:px-6 lg:px-8 py-8">
<Link <Link
href={`/admin/datasets/${datasetId}`} href={`/admin/datasets/${datasetId}`}
className="text-blue-500 hover:text-blue-600 mb-6 inline-block" className="text-blue-500 hover:text-blue-600 mb-6 inline-block"

View File

@@ -39,7 +39,7 @@ export default async function DatasetPage({ params }: DatasetPageProps) {
if (datasets.length === 0) { if (datasets.length === 0) {
return ( return (
<div className="min-h-screen"> <div className="min-h-screen">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div className="px-4 sm:px-6 lg:px-8 py-8">
<Link <Link
href="/admin" href="/admin"
className="text-blue-500 hover:text-blue-600 mb-6 inline-block" className="text-blue-500 hover:text-blue-600 mb-6 inline-block"
@@ -58,7 +58,7 @@ export default async function DatasetPage({ params }: DatasetPageProps) {
return ( return (
<div> <div>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div className="px-4 sm:px-6 lg:px-8 py-8">
<Link <Link
href="/admin" href="/admin"
className="text-blue-500 hover:text-blue-600 mb-6 inline-block" className="text-blue-500 hover:text-blue-600 mb-6 inline-block"

View File

@@ -18,7 +18,7 @@ export default async function AdminPage() {
} }
return ( return (
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div className="px-4 sm:px-6 lg:px-8 py-8">
<div className="mb-8"> <div className="mb-8">
<h1 className="text-3xl font-bold mb-4">Admin Panel</h1> <h1 className="text-3xl font-bold mb-4">Admin Panel</h1>
<div className="flex gap-4"> <div className="flex gap-4">

View File

@@ -18,7 +18,7 @@ export default async function UsersPage() {
const users = await getAllUsers(); const users = await getAllUsers();
return ( return (
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div className="px-4 sm:px-6 lg:px-8 py-8">
<div className="mb-6"> <div className="mb-6">
<Link <Link
href="/admin" href="/admin"

View File

@@ -13,7 +13,7 @@ export default function RootLayout({
<body className="flex flex-col min-h-screen"> <body className="flex flex-col min-h-screen">
<AudioProvider> <AudioProvider>
<Header /> <Header />
<main className="flex-grow mt-4 mb-4 mr-8 ml-8"> <main className="flex-grow">
{children} {children}
</main> </main>
<Footer /> <Footer />

View File

@@ -420,7 +420,6 @@ export default function DatasetEntriesList({
<th className="text-left py-3 px-4 font-semibold text-gray-700">Model Name</th> <th className="text-left py-3 px-4 font-semibold text-gray-700">Model Name</th>
<th className="text-left py-3 px-4 font-semibold text-gray-700">Utterance ID</th> <th className="text-left py-3 px-4 font-semibold text-gray-700">Utterance ID</th>
<th className="text-left py-3 px-4 font-semibold text-gray-700">Dialect</th> <th className="text-left py-3 px-4 font-semibold text-gray-700">Dialect</th>
<th className="text-left py-3 px-4 font-semibold text-gray-700">File Name</th>
<th className="text-left py-3 px-4 font-semibold text-gray-700">Iteration</th> <th className="text-left py-3 px-4 font-semibold text-gray-700">Iteration</th>
<th className="text-left py-3 px-4 font-semibold text-gray-700">Duration (ms)</th> <th className="text-left py-3 px-4 font-semibold text-gray-700">Duration (ms)</th>
<th className="text-left py-3 px-4 font-semibold text-gray-700">RMS Value</th> <th className="text-left py-3 px-4 font-semibold text-gray-700">RMS Value</th>
@@ -445,9 +444,8 @@ export default function DatasetEntriesList({
</td> </td>
<td className="py-3 px-4">{entry.speakerId}</td> <td className="py-3 px-4">{entry.speakerId}</td>
<td className="py-3 px-4">{entry.modelName}</td> <td className="py-3 px-4">{entry.modelName}</td>
<td className="py-3 px-4 truncate">{entry.utteranceId || '-'}</td> <td className="py-3 px-4">{entry.utteranceId || '-'}</td>
<td className="py-3 px-4">{entry.dialect}</td> <td className="py-3 px-4">{entry.dialect}</td>
<td className="py-3 px-4 truncate">{entry.fileName}</td>
<td className="py-3 px-4">{entry.iteration}</td> <td className="py-3 px-4">{entry.iteration}</td>
<td className="py-3 px-4">{entry.durationMs?.toLocaleString() || '-'}</td> <td className="py-3 px-4">{entry.durationMs?.toLocaleString() || '-'}</td>
<td className="py-3 px-4">{entry.rmsValue?.toFixed(3) || '-'}</td> <td className="py-3 px-4">{entry.rmsValue?.toFixed(3) || '-'}</td>

View File

@@ -3,7 +3,7 @@ export function Footer() {
return ( return (
<footer className="bg-gray-800 text-gray-300 mt-12"> <footer className="bg-gray-800 text-gray-300 mt-12">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <div className="px-4 sm:px-6 lg:px-8 py-8">
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
<div> <div>
<h3 className="text-white font-semibold mb-4">Über das Projekt</h3> <h3 className="text-white font-semibold mb-4">Über das Projekt</h3>

View File

@@ -16,7 +16,7 @@ export function Header() {
return ( return (
<header className="sticky top-0 z-50 bg-gradient-to-r from-blue-600 to-blue-700 text-white shadow-lg"> <header className="sticky top-0 z-50 bg-gradient-to-r from-blue-600 to-blue-700 text-white shadow-lg">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center py-5"> <div className="flex justify-between items-center py-5">
<Link href="/" className="text-2xl font-bold hover:text-blue-100 transition-colors"> <Link href="/" className="text-2xl font-bold hover:text-blue-100 transition-colors">
TTS Dialektannotations-Plattform TTS Dialektannotations-Plattform