diff --git a/src/features/MatchCard/CardFrontside/index.tsx b/src/features/MatchCard/CardFrontside/index.tsx index ee8c7feb..d46c24df 100644 --- a/src/features/MatchCard/CardFrontside/index.tsx +++ b/src/features/MatchCard/CardFrontside/index.tsx @@ -54,11 +54,9 @@ export const CardFrontside = ({ access, date, formattedDate, - hasVideo, live, preview, sportType, - storage, team1, team2, time, @@ -125,9 +123,7 @@ export const CardFrontside = ({ : ( {isHomePage ? null : formattedDate} - {(isInFuture && (!hasVideo || !storage)) - ? - : null} + )} diff --git a/src/features/MatchCard/styled.tsx b/src/features/MatchCard/styled.tsx index f5dd67f1..7b028717 100644 --- a/src/features/MatchCard/styled.tsx +++ b/src/features/MatchCard/styled.tsx @@ -84,9 +84,10 @@ export const Preview = styled.img` ` export const MatchTimeInfo = styled.div` + width: 100%; position: absolute; top: 0.519rem; - left: 0.519rem; + padding: 0 0.519rem; ` type MatchDateProps = { @@ -94,6 +95,7 @@ type MatchDateProps = { } export const MatchDate = styled.div` + width: fit-content; height: 0.9rem; border-radius: 2px; padding: ${({ isHomePage }) => (!isHomePage ? '0 0.27rem' : '')}; @@ -122,8 +124,7 @@ export const MatchDate = styled.div` export const LiveSign = styled(MatchDate)` background-color: #CC0000; - position: absolute; - top: 0; + margin-left: auto; ` export const Time = styled.span`