Increase the size of logos to improve visibility across the entire website

Doubles the height of logos in Footer and Logo components by updating h- classes in footer.tsx and logo.tsx.

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/993fa8d5-f9b3-4361-9496-3dc7ccf8ce27.jpg
This commit is contained in:
JeffEmmett 2025-05-19 19:36:16 +00:00
parent 493cb018f4
commit 771182224d
2 changed files with 4 additions and 4 deletions

View File

@ -13,7 +13,7 @@ export default function Footer() {
<img
src={SquareLogo}
alt="Pilates with Fadia"
className="h-48 mb-4"
className="h-96 mb-4"
style={{ filter: "brightness(1.1)" }}
/>
<p className="text-white text-opacity-80 mb-4">

View File

@ -3,9 +3,9 @@ import LogoImage from "../../assets/rectangular-logo.png";
export function Logo({ className = "", size = "regular" }: { className?: string, size?: "small" | "regular" | "large" }) {
const sizeClasses = {
small: "h-12", /* reduced size */
regular: "h-16", /* reduced size */
large: "h-20", /* reduced size */
small: "h-24", /* twice the size */
regular: "h-32", /* twice the size */
large: "h-40", /* twice the size */
};
return (