Skip to content
This repository has been archived by the owner on Jun 19, 2024. It is now read-only.

Commit

Permalink
Fix pricing card height on safari (#2682)
Browse files Browse the repository at this point in the history
<!-- start pr-codex -->

## PR-Codex overview
This PR updates the `PricingCard` component in the homepage section with improved styles for better visibility and user interaction.

### Detailed summary
- Updated flex direction to column layout
- Adjusted padding for different screen sizes
- Set height to full
- Increased z-index for layering
- Changed background color based on `highlighted` prop
- Modified border color based on `current` prop

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->
  • Loading branch information
MananTank committed Jun 18, 2024
1 parent f96d055 commit b57f927
Showing 1 changed file with 0 additions and 1 deletion.
1 change: 0 additions & 1 deletion src/components/homepage/sections/PricingCard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,6 @@ export const PricingCard: React.FC<PricingCardProps> = ({
gap={10}
flexDir="column"
p={{ base: 6, md: 10 }}
h="full"
zIndex={999}
background={highlighted ? "black" : "transparent"}
borderColor={current ? "blue.500" : "gray.900"}
Expand Down

0 comments on commit b57f927

Please sign in to comment.