Limit height of product images

This commit is contained in:
2024-12-24 11:43:29 -05:00
parent ebc1e3a331
commit d0d0d5ff13

View File

@@ -252,7 +252,7 @@ const ProductGrid = ({
<table className="w-full"> <table className="w-full">
<thead> <thead>
<tr className="hover:bg-transparent"> <tr className="hover:bg-transparent">
<th className="p-1 text-left font-medium sticky top-0 bg-white dark:bg-background z-10 w-[50px] min-w-[35px] border-b" /> <th className="p-1 text-left font-medium sticky top-0 bg-white dark:bg-background z-10 h-[50px] min-h-[50px] w-[50px] min-w-[35px] border-b" />
<th className="p-1 text-left font-medium sticky top-0 bg-white dark:bg-background z-10 border-b"> <th className="p-1 text-left font-medium sticky top-0 bg-white dark:bg-background z-10 border-b">
<Button <Button
variant={sorting.column === "name" ? "default" : "ghost"} variant={sorting.column === "name" ? "default" : "ghost"}
@@ -304,7 +304,7 @@ const ProductGrid = ({
alt="" alt=""
width={50} width={50}
height={50} height={50}
className="rounded bg-muted" className="rounded bg-muted w-[50px] h-[50px] object-contain"
onError={(e) => (e.target.style.display = "none")} onError={(e) => (e.target.style.display = "none")}
/> />
)} )}