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:
@@ -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)"
|
||||
|
||||
@@ -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())}
|
||||
|
||||
Reference in New Issue
Block a user