fix(tasarim): karşılaştırma tablosu kaymıyor; çekmecede tek çarpı; bildirimler eski hâlinde

- Ana sayfa karşılaştırması telefonda/tablette yana kayıyordu: lg altında
  özellik başına satır + üç sütun, sütun adları yapışık (96/128 px, ölçüldü);
  lg'de tablo, taşma yok
- Liste çekmecesinde kapatma çarpısı ile satır çıkarma çarpısı aynı
  görünüyordu: satırda çerçevesiz "−" (CircleMinus)
- Bildirim (toast) görünümündeki değişiklik geri alındı (uyumsuzdu)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-09-24 02:05:47 +03:00
parent 97e57aafa1
commit 96b1516e35
6 changed files with 115 additions and 49 deletions

View File

@@ -2,13 +2,26 @@ import { CheckCircle2, X } from "lucide-react";
// Ana sayfadaki karşılaştırma tablosunun hücresi: metin değeri düz yazılır,
// boolean değer Var/Yok ikonuna çevrilir.
export function ComparisonCell({ value }: { value: boolean | string }) {
export function ComparisonCell({
value,
vurgu = false,
}: {
value: boolean | string;
/** KolayTercih sütunu: metin koyu ve kalın */
vurgu?: boolean;
}) {
if (typeof value === "string") {
return <span className="text-sm font-medium">{value}</span>;
return (
<span
className={`block text-sm leading-snug ${vurgu ? "font-semibold text-slate-900" : "font-medium text-slate-600"}`}
>
{value}
</span>
);
}
return value ? (
<CheckCircle2 className="mx-auto size-5 text-primary" aria-label="Var" />
<CheckCircle2 className="mx-auto size-6 text-primary" aria-label="Var" />
) : (
<X className="mx-auto size-5 text-muted-foreground/50" aria-label="Yok" />
<X className="mx-auto size-5 text-slate-300" aria-label="Yok" />
);
}