fix: use max-w-7xl (1280px) instead of full-width — better readability

This commit is contained in:
Usman Baig
2026-03-24 23:21:57 +01:00
parent d6627413b8
commit de10fb5daf
11 changed files with 30 additions and 30 deletions

View File

@@ -125,7 +125,7 @@ export default function SearchConsolePage() {
if (showSkeleton) {
return (
<div className="w-full mx-auto px-4 sm:px-6 pb-8">
<div className="w-full max-w-7xl mx-auto px-4 sm:px-6 pb-8">
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<SkeletonLine className="h-8 w-48 mb-2" />
@@ -161,7 +161,7 @@ export default function SearchConsolePage() {
if (gscStatus && !gscStatus.connected) {
return (
<div className={`w-full mx-auto px-4 sm:px-6 pb-8 ${fadeClass}`}>
<div className={`w-full max-w-7xl mx-auto px-4 sm:px-6 pb-8 ${fadeClass}`}>
<div className="flex flex-col items-center justify-center py-24 text-center">
<div className="rounded-full bg-neutral-100 dark:bg-neutral-800 p-5 mb-6">
<MagnifyingGlass size={40} className="text-neutral-400 dark:text-neutral-500" />
@@ -198,7 +198,7 @@ export default function SearchConsolePage() {
const pagesTotal = topPages?.total ?? 0
return (
<div className={`w-full mx-auto px-4 sm:px-6 pb-8 ${fadeClass}`}>
<div className={`w-full max-w-7xl mx-auto px-4 sm:px-6 pb-8 ${fadeClass}`}>
{/* Header */}
<div className="mb-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>