ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: chart size responsiveness issue (#4441)

Browse Source 
fixed responsiveness issue
This commit is contained in:
cartcrom 2022-08-22 17:15:24 -04:00 committed by GitHub
parent 6b2b771dc4
commit 9e9d98bb31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Tokens/TokenDetails/PriceChart.tsx
View File

@ -136,7 +136,7 @@ function tickFormat(
}
}
const margin = { top: 86, bottom: 48, crosshair: 72 }
const margin = { top: 100, bottom: 48, crosshair: 72 }
const timeOptionsHeight = 44
const crosshairDateOverhang = 80
@ -216,7 +216,7 @@ export function PriceChart({ width, height, token }: PriceChartProps) {
locale
)
const [delta, arrow] = getDelta(startingPrice.value, displayPrice.value)
const crosshairEdgeMax = width * 0.97
const crosshairEdgeMax = width * 0.85
const crosshairAtEdge = !!crosshair && crosshair > crosshairEdgeMax
return (

1
src/components/Tokens/TokenDetails/TokenDetail.tsx
View File

@ -125,6 +125,7 @@ const TokenSymbol = styled.span`
`
export const TopArea = styled.div`
max-width: 832px;
overflow: hidden;
`
export const ResourcesContainer = styled.div`
display: flex;