nice fluidity and control

2022-05-18 14:44:48 -05:00
parent f33611a33a
commit 7755a30b50
6 changed files with 32 additions and 11 deletions
@@ -129,13 +129,17 @@ export default React.memo(function LineRow({
      onClick={handleActivateLine}
      role={'presentation'}
      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 
+      cursor-pointer transition-all relative z-50 rounded  
      ${isUserToggleTuned && ' bg-gray-100 shadow-2xl '}
      ${isSelected && ' bg-gray-200 shadow-2xl'}
      `}
    >
      {/* channel picture */}
-      {profilePictures && <LineIcon grayscale={!isUserTunedIn} sourceImages={profilePictures} />}
+      {profilePictures && (
+        <span className={`${isSelected && ' scale-110 transition-all'}`}>
+          <LineIcon grayscale={!isUserTunedIn} sourceImages={profilePictures} />
+        </span>
+      )}

      {/* channel name */}
      <h2