Commit 01253ce6 authored by Igor Stuev's avatar Igor Stuev Committed by GitHub

topbar width 100vw (#2846)

parent 8ca603ec
...@@ -3,7 +3,6 @@ import React from 'react'; ...@@ -3,7 +3,6 @@ import React from 'react';
import config from 'configs/app'; import config from 'configs/app';
import { useColorModeValue } from 'toolkit/chakra/color-mode'; import { useColorModeValue } from 'toolkit/chakra/color-mode';
import { CONTENT_MAX_WIDTH } from 'ui/shared/layout/utils';
import DeFiDropdown from './DeFiDropdown'; import DeFiDropdown from './DeFiDropdown';
import NetworkMenu from './NetworkMenu'; import NetworkMenu from './NetworkMenu';
...@@ -14,11 +13,10 @@ const TopBar = () => { ...@@ -14,11 +13,10 @@ const TopBar = () => {
const bgColor = useColorModeValue('gray.50', 'whiteAlpha.100'); const bgColor = useColorModeValue('gray.50', 'whiteAlpha.100');
return ( return (
<Box bgColor={ bgColor }> <Box bgColor={ bgColor } position="sticky" left={ 0 } width="100vw">
<Flex <Flex
py={ 2 } py={ 2 }
px={{ base: 3, lg: 6 }} px={{ base: 3, lg: 6 }}
maxW={ `${ CONTENT_MAX_WIDTH }px` }
m="0 auto" m="0 auto"
justifyContent="space-between" justifyContent="space-between"
alignItems="center" alignItems="center"
......
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