Reduce spacing and padding across the platform's user interface

Adjusted various padding, margin, and spacing properties in Footer and MainContent components to minimize whitespace.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/LZrXNFV
This commit is contained in:
kimjaehyeon0101
2025-09-29 17:39:02 +00:00
parent 2ff367b70b
commit 4a00fd5c1b
2 changed files with 28 additions and 28 deletions

View File

@ -3,10 +3,10 @@ import logoBlack from "@assets/logo_black_1759165229646.png";
export default function Footer() {
return (
<footer className="bg-gray-50 border-t border-gray-200 mt-16">
<div className="max-w-7xl mx-auto px-6 py-8">
<footer className="bg-gray-50 border-t border-gray-200 mt-6">
<div className="max-w-7xl mx-auto px-4 py-4">
{/* Logo and Social Icons */}
<div className="flex items-center justify-between mb-6">
<div className="flex items-center justify-between mb-3">
<div className="flex items-center">
<img
src={logoBlack}
@ -15,18 +15,18 @@ export default function Footer() {
data-testid="footer-logo"
/>
</div>
<div className="flex items-center space-x-4">
<div className="flex items-center space-x-2">
<Facebook className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-facebook" />
<X className="w-5 h-5 text-gray-600 hover:text-gray-900 cursor-pointer" data-testid="social-x" />
</div>
</div>
{/* Copyright and Links */}
<div className="flex flex-col md:flex-row justify-between items-start md:items-center pt-6 border-t border-gray-200">
<p className="text-xs text-gray-600 mb-4 md:mb-0" data-testid="copyright-text">
<div className="flex flex-col md:flex-row justify-between items-start md:items-center pt-3 border-t border-gray-200">
<p className="text-xs text-gray-600 mb-2 md:mb-0" data-testid="copyright-text">
© 2007-2025 - SAPIENS Media Limited. All Rights Reserved.
</p>
<div className="flex space-x-6">
<div className="flex space-x-3">
<a href="#" className="text-xs text-gray-600 hover:text-gray-900" data-testid="link-terms">Terms And Conditions</a>
<a href="#" className="text-xs text-gray-600 hover:text-gray-900" data-testid="link-privacy">Privacy Policy</a>
<a href="#" className="text-xs text-gray-600 hover:text-gray-900" data-testid="link-risk">Risk Warning</a>