mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-17 06:00:20 +02:00
Move fadein directly to component
This commit is contained in:
@@ -30,10 +30,12 @@ const SidebarContainer = styled.div`
|
||||
`;
|
||||
|
||||
const ImageContainer = styled(motion(Link))<{ height: string }>`
|
||||
${fadeIn};
|
||||
position: relative;
|
||||
height: ${(props) => props.height};
|
||||
|
||||
${fadeIn};
|
||||
animation: fadein 0.2s ease-in-out;
|
||||
|
||||
button {
|
||||
display: none;
|
||||
}
|
||||
@@ -188,7 +190,7 @@ export const Sidebar = () => {
|
||||
transition={{ duration: 0.3, ease: 'easeInOut' }}
|
||||
>
|
||||
{imageUrl ? (
|
||||
<SidebarImage src={imageUrl} />
|
||||
<SidebarImage loading="eager" src={imageUrl} />
|
||||
) : (
|
||||
<Center
|
||||
sx={{ background: 'var(--placeholder-bg)', height: '100%' }}
|
||||
|
||||
Reference in New Issue
Block a user