Skip to content

Commit

Permalink
fix height of project card on mobile qf view
Browse files Browse the repository at this point in the history
  • Loading branch information
divine-comedian committed Jan 29, 2025
1 parent 58df13a commit 3fc6dd5
Showing 1 changed file with 8 additions and 2 deletions.
10 changes: 8 additions & 2 deletions src/components/project-card/ProjectCard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -160,6 +160,7 @@ const ProjectCard = (props: IProjectCard) => {
onMouseLeave={() => setIsHover(false)}
className={className}
$order={props.order}
$activeStartedRound={!!activeStartedRound}
>
<ImagePlaceholder>
<ProjectCardBadges project={project} />
Expand Down Expand Up @@ -481,6 +482,11 @@ interface ICardBody {
$isHover: ECardBodyHover;
}

interface IWrapperProps {
$order?: number;
$activeStartedRound?: boolean;
}

const CardBody = styled.div<ICardBody>`
position: absolute;
left: 0;
Expand Down Expand Up @@ -522,15 +528,15 @@ const ImagePlaceholder = styled.div`
overflow: hidden;
`;

const Wrapper = styled.div<{ $order?: number }>`
const Wrapper = styled.div<IWrapperProps>`
position: relative;
width: 100%;
border-radius: ${cardRadius};
margin: 0 auto;
background: white;
overflow: hidden;
box-shadow: ${Shadow.Neutral[400]};
height: 536px;
height: ${props => (props.$activeStartedRound ? '560px' : '536px')};
order: ${props => props.$order};
${mediaQueries.laptopS} {
height: 472px;
Expand Down

0 comments on commit 3fc6dd5

Please sign in to comment.