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:
co-authored by
akash-moradiya
Romit
Sahitya Chandra
parent
810ad0edb8
commit
e9c6d0ee46
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user