jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reduce the size of the header and logo to improve visual balance 

Adjusts header padding and logo sizes in header.tsx and logo.tsx using Tailwind CSS.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 88cd88e4-2dbe-4df6-8c8a-7e38f13ef1ec
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/9841927d-97fa-4574-ae69-7754b50fb650.jpg
This commit is contained in:
JeffEmmett 2025-05-19 19:30:17 +00:00
parent 437bddc106
commit ade9d40906
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/navigation/header.tsx
View File

@ -31,8 +31,8 @@ export default function Header() {
return (
<header className="sticky top-0 bg-white bg-opacity-95 shadow-sm z-50">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex justify-between items-center py-2">
<div className="max-w-7xl mx-auto px-2 sm:px-3 lg:px-4">
<div className="flex justify-between items-center py-1">
<div className="flex items-center">
<Logo />
</div>

6
client/src/components/ui/logo.tsx
View File

@ -3,9 +3,9 @@ import LogoImage from "../../assets/pilates-with-fadia-logo.png";
export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
const sizeClasses = {
small: "h-48", /* 3x bigger */
regular: "h-60", /* 3x bigger */
large: "h-84", /* 3x bigger */
small: "h-12", /* reduced size */
regular: "h-16", /* reduced size */
large: "h-20", /* reduced size */
};
return (