Skip to content

Commit

Permalink
fix: carousel 에 maxWidth가 적용되지 않아 768 이상 해상도에서 짤리는 문제 (#801)
Browse files Browse the repository at this point in the history
* fix: carousel pc 해상도에서 잘리는 문제 해결

* style: carousel design 변경
  • Loading branch information
Todari committed Oct 24, 2024
1 parent b85b121 commit 4b0f08a
Showing 1 changed file with 3 additions and 2 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,7 @@ export const imageCardStyle = ({theme}: ImageCardStyleProps) => css`
justify-content: center;
align-items: center;
clip-path: inset(0 round 1rem);
max-width: calc(768px - 4rem);
background-color: ${theme.colors.gray};
`;

Expand All @@ -59,7 +60,7 @@ export const deleteButtonStyle = css`
right: 1rem;
padding: 0.5rem;
opacity: 0.48;
background-color: rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.8);
border-radius: 50%;
display: flex;
justify-content: center;
Expand All @@ -69,7 +70,7 @@ export const deleteButtonStyle = css`
export const indicatorContainerStyle = css`
position: absolute;
left: 50%;
bottom: 1rem;
top: 1rem;
transform: translateX(-50%);
display: flex;
gap: 0.25rem;
Expand Down

0 comments on commit 4b0f08a

Please sign in to comment.