style: smooth transition (#1660)

PolkaGate · Nov 17, 2024 · 5a0b86b · 5a0b86b
1 parent b700e65
commit 5a0b86b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/extension-polkagate/src/popup/home/ProfileTab.tsx b/packages/extension-polkagate/src/popup/home/ProfileTab.tsx
@@ -93,7 +93,7 @@ function ProfileTab ({ index, isContainerHovered, isSelected, orderedAccounts, t
           height: COLLAPSED_SIZE,
           my: '2px',
           opacity: isDarkMode ? (isContainerHovered || isSelected ? 1 : 0.3) : undefined,
-          transition: visibleContent ? 'box-shadow 1s, opacity 1s' : 'box-shadow 0.2s'
+          transition: visibleContent ? 'width 0.3s, box-shadow 1s, opacity 1s' : 'width 0.3s, box-shadow 0.2s, opacity 1s'
         }}
       >
         <Grid alignItems='center' container item justifyContent='center' sx={{ display: 'flex', flexDirection: 'row', flexWrap: 'nowrap', minWidth: '40px', px: '8px', width: 'fit-content' }}>