commonscomputer/cal.diy
5
0 Fork 0
Code Issues Pull Requests Actions 2.2k Packages Projects Releases Wiki Activity

Left / Right buttons now bottom-aligned and slightly shorter (#6857)

Browse Source 
Fixes https://github.com/calcom/cal.com/issues/6589
This commit is contained in:
Aaron Presley authored and GitHub committed 2023-02-02 20:49:20 +01:00
1 parent 6da41fce63
commit 832fce91e0
1 file changed
+6 -6
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/components/apps/AllApps.tsx
+6 -6
View File
@@ -76,11 +76,11 @@ function CategoryTab({ selectedCategory, categories, searchText }: CategoryTabPr
})}
</h2>
{leftVisible && (
<button onClick={handleLeft} className="absolute top-9 flex md:left-1/2 md:-top-1">
<div className="flex h-12 w-5 items-center justify-end bg-white">
<button onClick={handleLeft} className="absolute bottom-0 flex md:left-1/2 md:-top-1">
<div className="flex h-10 w-5 items-center justify-end bg-white">
<FiChevronLeft className="h-4 w-4 text-gray-500" />
</div>
<div className="flex h-12 w-5 bg-gradient-to-l from-transparent to-white" />
<div className="flex h-10 w-5 bg-gradient-to-l from-transparent to-white" />
</button>
)}
<ul
@@ -118,9 +118,9 @@ function CategoryTab({ selectedCategory, categories, searchText }: CategoryTabPr
))}
</ul>
{rightVisible && (
<button onClick={handleRight} className="absolute top-9 right-0 flex md:-top-1">
<div className="flex h-12 w-5 bg-gradient-to-r from-transparent to-white" />
<div className="flex h-12 w-5 items-center justify-end bg-white">
<button onClick={handleRight} className="absolute bottom-0 right-0 flex md:-top-1">
<div className="flex h-10 w-5 bg-gradient-to-r from-transparent to-white" />
<div className="flex h-10 w-5 items-center justify-end bg-white">
<FiChevronRight className="h-4 w-4 text-gray-500" />
</div>
</button>