fix(ui): scale subcompany logos dynamically to prevent overflow
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 23s
Build & Deploy / 🧪 QA (push) Successful in 58s
Build & Deploy / 🏗️ Build (push) Successful in 1m33s
Build & Deploy / 🚀 Deploy (push) Successful in 24s
Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 43s
Build & Deploy / 🔔 Notify (push) Successful in 2s

This commit is contained in:
2026-06-16 15:45:50 +02:00
parent a34bee6272
commit 9d3f918aef

View File

@@ -172,7 +172,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
{/* LOGO RENDERING */} {/* LOGO RENDERING */}
{isEtib ? ( {isEtib ? (
<div className="flex flex-col items-center"> <div className="flex flex-col items-center">
<div className="relative w-48 h-14 mb-2"> <div className="relative w-32 md:w-40 lg:w-44 h-10 md:h-12 lg:h-14 mb-2 max-w-[85%]">
<Image <Image
src="/assets/logo-white.png" src="/assets/logo-white.png"
alt="E-TIB Logo" alt="E-TIB Logo"
@@ -181,17 +181,17 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
/> />
</div> </div>
{isIng && ( {isIng && (
<div className="text-white/80 tracking-[0.2em] text-[10px] sm:text-xs font-semibold uppercase mt-1 text-center"> <div className="text-white/80 tracking-[0.15em] sm:tracking-[0.2em] text-[9px] sm:text-[10px] lg:text-[11px] font-semibold uppercase mt-1 text-center">
Ingenieurgesellschaft Ingenieurgesellschaft
</div> </div>
)} )}
{isVerwaltung && ( {isVerwaltung && (
<div className="text-white/80 tracking-[0.2em] text-[10px] sm:text-xs font-semibold uppercase mt-1 text-center"> <div className="text-white/80 tracking-[0.15em] sm:tracking-[0.2em] text-[9px] sm:text-[10px] lg:text-[11px] font-semibold uppercase mt-1 text-center">
Verwaltung GmbH Verwaltung GmbH
</div> </div>
)} )}
{isBohrtechnik && ( {isBohrtechnik && (
<div className="text-white/80 tracking-[0.2em] text-[10px] sm:text-xs font-semibold uppercase mt-1 text-center"> <div className="text-white/80 tracking-[0.15em] sm:tracking-[0.2em] text-[9px] sm:text-[10px] lg:text-[11px] font-semibold uppercase mt-1 text-center">
Bohrtechnik GmbH Bohrtechnik GmbH
</div> </div>
)} )}