cleaning up the stupid scroll things

This commit is contained in:
talksik
2022-05-18 08:53:13 -05:00
parent 79bfa4e2e9
commit 781689e63f
2 changed files with 5 additions and 5 deletions
@@ -54,7 +54,7 @@ export default React.memo(function LineRow({
return ( return (
<Tooltip title={'esc'}> <Tooltip title={'esc'}>
<span className="flex flex-col items-center gap-2 cursor-pointer"> <span className="flex flex-col items-center gap-2 cursor-pointer">
<FiX className="text-gray-100 text-xl" /> <FiX className="text-gray-400 text-xl" />
</span> </span>
</Tooltip> </Tooltip>
); );
@@ -131,7 +131,7 @@ export default React.memo(function LineRow({
onClick={handleActivateLine} onClick={handleActivateLine}
role={'presentation'} role={'presentation'}
className={`flex flex-row items-center justify-start gap-2 px-4 py-4 hover:bg-gray-200 className={`flex flex-row items-center justify-start gap-2 px-4 py-4 hover:bg-gray-200
cursor-pointer transition-all relative z-50 rounded direction-ltr cursor-pointer transition-all relative z-50 rounded
${isUserToggleTuned && ' bg-gray-100 shadow-2xl '} ${isUserToggleTuned && ' bg-gray-100 shadow-2xl '}
${isSelected && ' bg-gray-200 scale-110 shadow-2xl translate-x-3 '} ${isSelected && ' bg-gray-200 scale-110 shadow-2xl translate-x-3 '}
`} `}
@@ -99,7 +99,7 @@ export default function SidePanel() {
)} )}
{/* rest of the lines */} {/* rest of the lines */}
<div className={'flex flex-col flex-1 mr-[-100px] pr-[100px] overflow-y-auto scrollbar-left'}> <div className={'flex flex-col flex-1 mr-[-100px] pr-[100px] overflow-y-auto'}>
{initialRoomsFetch.loading ? ( {initialRoomsFetch.loading ? (
<Skeleton /> <Skeleton />
) : ( ) : (
@@ -116,7 +116,7 @@ export default function SidePanel() {
</div> </div>
{/* user control panel */} {/* user control panel */}
<div {/* <div
className="bg-gray-100 className="bg-gray-100
border-t border-t-gray-200 p-4 shadow-2xl z-50 w-full" border-t border-t-gray-200 p-4 shadow-2xl z-50 w-full"
> >
@@ -127,7 +127,7 @@ export default function SidePanel() {
> >
<NoTextLogo type="small" /> <NoTextLogo type="small" />
</button> </button>
</div> </div> */}
</div> </div>
); );
} }