Add padding to the bottom of main content areas
Add `pb-24` class to `main` elements in various pages to provide adequate spacing between content and the bottom navigation bar. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 0fb68265-c270-4198-9584-3d9be9bddb41 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/0fb68265-c270-4198-9584-3d9be9bddb41/hntn6cC
This commit is contained in:
@ -125,7 +125,7 @@ export default function Article() {
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main className="max-w-7xl mx-auto px-6 py-8">
|
||||
<main className="max-w-7xl mx-auto px-6 py-8 pb-24">
|
||||
<div className="animate-pulse">
|
||||
<div className="h-8 bg-gray-300 rounded mb-4 w-3/4"></div>
|
||||
<div className="h-4 bg-gray-300 rounded mb-6 w-1/2"></div>
|
||||
@ -171,7 +171,7 @@ export default function Article() {
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main className="max-w-7xl mx-auto px-6 py-12">
|
||||
<main className="max-w-7xl mx-auto px-6 py-12 pb-24">
|
||||
{/* Article Content */}
|
||||
<article className="mb-16 max-w-4xl mx-auto">
|
||||
<header className="mb-8">
|
||||
|
||||
Reference in New Issue
Block a user