css: mobile fixes (#1881)

* remove white drop shadow from mobile headers * remove tv chart border on mobile
Kwenta · Jan 13, 2023 · a1be24a · a1be24a
1 parent bf5b2e2
commit a1be24a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/sections/futures/MobileTrade/common.ts b/sections/futures/MobileTrade/common.ts
@@ -12,7 +12,6 @@ export const SectionTitle = styled.div`
  color: ${(props) => props.theme.colors.selectedTheme.yellow};
  text-transform: uppercase;
  font-size: 13px;
- text-shadow: 0px 1px 3px rgb(242, 242, 242);
 `;
 
 export const SectionSubTitle = styled.div`

diff --git a/sections/futures/PositionChart/PositionChart.tsx b/sections/futures/PositionChart/PositionChart.tsx
@@ -13,6 +13,7 @@ import {
 } from 'state/futures/selectors';
 import { useAppSelector } from 'state/hooks';
 import { positionHistoryState } from 'store/futures';
+import media from 'styles/media';
 
 export default function PositionChart() {
  const marketAsset = useAppSelector(selectMarketAsset);
@@ -75,6 +76,9 @@ export default function PositionChart() {
 
 const Container = styled.div<{ visible: boolean }>`
  border: ${(props) => props.theme.colors.selectedTheme.border};
+ ${media.lessThan('md')`
+ border: none;
+ `}
  border-radius: 10px;
  padding: 3px;
  min-height: 450px;