fix(web): VIN ikonundaki marka logolarını tutarlı 28px kareye sabitle

Tailwind Preflight img'lere height:auto uyguladığından statik-SVG logolar
en-boy oranına göre ölçekleniyordu (Opel ~17px küçük, Renault ~29px taşma).
VinBrandIcon artık sabit 28px kare + object-contain ile hem img hem svg
logolarını aynı boyutta gösteriyor; büyüteç optik denge için biraz küçük.
Playwright ile landing VIN textbox üzerinde doğrulandı.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-26 00:00:22 +03:00
parent 77de860211
commit d72e7bb758
3 changed files with 15 additions and 14 deletions

View File

@@ -501,11 +501,7 @@ function SearchPage() {
<form onSubmit={handleSearch} className="space-y-4">
{/* Input */}
<div className="relative">
<VinBrandIcon
vin={vin}
size={22}
className="absolute left-4 top-1/2 size-6 -translate-y-1/2"
/>
<VinBrandIcon vin={vin} className="absolute left-4 top-1/2 -translate-y-1/2" />
<Input
ref={inputRef}
placeholder="Şase numarasını girin (17 karakter)"

View File

@@ -841,11 +841,7 @@ export function HomePage() {
{/* VIN Input */}
<div className="mx-auto mt-8 flex max-w-xl flex-col gap-3 sm:flex-row">
<div className="relative flex-1">
<VinBrandIcon
vin={vin}
size={22}
className="absolute left-4 top-1/2 size-6 -translate-y-1/2"
/>
<VinBrandIcon vin={vin} className="absolute left-4 top-1/2 -translate-y-1/2" />
<Input
value={vin}
onChange={(e) => setVin(e.target.value.toUpperCase())}