Skip to content

I
interface
Commit 5d5e0f45 authored by Vignesh Mohankumar's avatar Vignesh Mohankumar Committed by GitHub
Browse files
Options

fix: full width for all TokenRow breakpoints (#5491)

parent d6199e0f
Hide whitespace changes
Inline Side-by-side
Showing with 0 additions and 3 deletions
src/components/Tokens/TokenTable/TokenRow.tsx
View file @ 5d5e0f45
...@@ -81,17 +81,14 @@ const StyledTokenRow = styled.div<{ ...@@ -81,17 +81,14 @@ const StyledTokenRow = styled.div<{
@media only screen and (max-width: ${MAX_WIDTH_MEDIA_BREAKPOINT}) { @media only screen and (max-width: ${MAX_WIDTH_MEDIA_BREAKPOINT}) {
grid-template-columns: 1fr 6.5fr 4.5fr 4.5fr 4.5fr 4.5fr 1.7fr; grid-template-columns: 1fr 6.5fr 4.5fr 4.5fr 4.5fr 4.5fr 1.7fr;
width: fit-content;
} }
@media only screen and (max-width: ${LARGE_MEDIA_BREAKPOINT}) { @media only screen and (max-width: ${LARGE_MEDIA_BREAKPOINT}) {
grid-template-columns: 1fr 7.5fr 4.5fr 4.5fr 4.5fr 1.7fr; grid-template-columns: 1fr 7.5fr 4.5fr 4.5fr 4.5fr 1.7fr;
width: fit-content;
} }
@media only screen and (max-width: ${MEDIUM_MEDIA_BREAKPOINT}) { @media only screen and (max-width: ${MEDIUM_MEDIA_BREAKPOINT}) {
grid-template-columns: 1fr 10fr 5fr 5fr 1.2fr; grid-template-columns: 1fr 10fr 5fr 5fr 1.2fr;
width: fit-content;
} }
@media only screen and (max-width: ${SMALL_MEDIA_BREAKPOINT}) { @media only screen and (max-width: ${SMALL_MEDIA_BREAKPOINT}) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment