diff --git a/src/features/UserFavorites/index.tsx b/src/features/UserFavorites/index.tsx index 79796773..0c9932a0 100644 --- a/src/features/UserFavorites/index.tsx +++ b/src/features/UserFavorites/index.tsx @@ -68,7 +68,7 @@ export const UserFavorites = ({ marginTop }: Props) => { type: item.type, })} > - + diff --git a/src/features/UserFavorites/styled.tsx b/src/features/UserFavorites/styled.tsx index b52d200f..f541f7d6 100644 --- a/src/features/UserFavorites/styled.tsx +++ b/src/features/UserFavorites/styled.tsx @@ -34,7 +34,7 @@ export const ScrollWrapper = styled.div` display: flex; flex-direction: column; align-items: center; - /* overflow-y: auto; */ + ${customScrollbar} ` @@ -42,8 +42,8 @@ export const UserSportFavXWrapper = styled.button` position: absolute; top: -0.472rem; right: -0.472rem; - height: 0.95rem; - width: 0.95rem; + width: 1.25rem; + height: 1.25rem; padding: 0px; display: flex; align-items: center; @@ -56,10 +56,11 @@ export const UserSportFavXWrapper = styled.button` export const UserSportFavItemLogoWrapper = styled.div` position: relative; - width: 2.6rem; - height: 2.6rem; + width: 3.3125rem; + height: 3.3125rem; border-radius: 4px; background-color: #3F3F3F; + border: 2px solid #3F3F3F; ${UserSportFavXWrapper} { display: none; @@ -74,7 +75,7 @@ export const UserSportFavItemLogoWrapper = styled.div` } &:hover { - background-color: rgba(255, 255, 255, 0.7); + border: 2px solid #fff; cursor: pointer; ${UserSportFavXWrapper} { @@ -107,7 +108,7 @@ export const UserSportFavStar = styled.div` min-height: 1.85rem; background: url('/images/sportFavStar.png') no-repeat center / 100%; margin-left: 0.15rem; - margin-bottom: 0.567rem; + margin-bottom: 1.125rem; margin-top: ${({ marginTop = 0 }) => marginTop}px; ` @@ -134,19 +135,16 @@ export const Text = styled(T9n)` export const TournamentNameTooltip = styled.div` position: absolute; - top: -0.1875rem; - left: 1.25rem; - min-width: 14.5rem; - max-width: 14.5rem; - padding-left: 6px; - line-height: 1.3125rem; + top: 50%; + transform: translateY(-50%); + left: 1.5625rem; + padding: 0 6px; + line-height: 1.0625rem; background-color: #fff; border-radius: 6px; color: #000; - font-weight: 600; - font-size: 0.9375rem; - text-transform: uppercase; + font-weight: 400; + font-size: 0.6875rem; overflow: hidden; white-space: nowrap; - text-overflow: ellipsis; `