fix: vertically center scroll arrows in All Apps category tab (#28937)

Co-authored-by: akash-moradiya <akash.moradiya@smallest.ai>
Co-authored-by: Romit <85230081+romitg2@users.noreply.github.com>
Co-authored-by: Sahitya Chandra <sahityajb@gmail.com>
This commit is contained in:
Akash Moradiya
2026-04-20 16:47:46 +00:00
committed by GitHub
co-authored by akash-moradiya Romit Sahitya Chandra
parent 810ad0edb8
commit e9c6d0ee46
+4 -4
View File
@@ -89,10 +89,10 @@ function CategoryTab({ selectedCategory, categories, searchText, onCategoryChang
</h2>
{leftVisible && (
<button onClick={handleLeft} className="absolute bottom-0 flex lg:left-1/2">
<div className="bg-default flex h-12 w-5 items-center justify-end">
<div className="bg-default flex h-10 w-5 items-center justify-end">
<ChevronLeftIcon className="text-subtle h-4 w-4" />
</div>
<div className="to-default flex h-12 w-5 bg-linear-to-l from-transparent" />
<div className="to-default flex h-10 w-5 bg-linear-to-l from-transparent" />
</button>
)}
<ul
@@ -129,8 +129,8 @@ function CategoryTab({ selectedCategory, categories, searchText, onCategoryChang
</ul>
{rightVisible && (
<button onClick={handleRight} className="absolute bottom-0 right-0 flex ">
<div className="to-default flex h-12 w-5 bg-linear-to-r from-transparent" />
<div className="bg-default flex h-12 w-5 items-center justify-end">
<div className="to-default flex h-10 w-5 bg-linear-to-r from-transparent" />
<div className="bg-default flex h-10 w-5 items-center justify-end">
<ChevronRightIcon className="text-subtle h-4 w-4" />
</div>
</button>