From de61ac85e7b8c9b9a1102f7aa4f0313a6afbc078 Mon Sep 17 00:00:00 2001 From: jackyzha0 Date: Tue, 26 May 2020 23:00:26 -0700 Subject: make mobile less ass --- frontend/src/components/NewPaste.js | 2 +- frontend/src/components/Options.js | 5 +++++ frontend/src/css/index.css | 12 ++++++++++++ 3 files changed, 18 insertions(+), 1 deletion(-) (limited to 'frontend/src') diff --git a/frontend/src/components/NewPaste.js b/frontend/src/components/NewPaste.js index 55e9c93..f332be0 100644 --- a/frontend/src/components/NewPaste.js +++ b/frontend/src/components/NewPaste.js @@ -21,7 +21,7 @@ const Flex = styled.div` ` const FlexLeft = styled.div` - flex: 0 0 50%; + flex: 0 0 calc(50% - 1em - 2px); ` const FlexRight = styled.div` diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js index f874c35..26391c1 100644 --- a/frontend/src/components/Options.js +++ b/frontend/src/components/Options.js @@ -7,6 +7,11 @@ const Flex = styled.div` display: flex; flex-direction: row; transform: translateY(0.2em); + + @media (max-width: 850px) { + float: none !important; + transform: translateX(-2em); + } ` class OptionsContainer extends React.Component { diff --git a/frontend/src/css/index.css b/frontend/src/css/index.css index e654c2b..344fd01 100644 --- a/frontend/src/css/index.css +++ b/frontend/src/css/index.css @@ -1,3 +1,15 @@ +@media all and (max-width: 1000px) { + .lt-content-column { + padding: 0 calc(5vw + 1em) 0 5vw !important; + } +} + +@media all and (max-width: 850px) { + .lt-content-column { + padding: 0 calc(5vw + 1em) 0 5vw !important; + } +} + body { margin: 0; padding: 0; -- cgit v1.2.3 From 98308f2645da73ceb385907de83e400d4f9264ca Mon Sep 17 00:00:00 2001 From: jackyzha0 Date: Tue, 26 May 2020 23:01:17 -0700 Subject: remove redundant media query --- frontend/src/css/index.css | 6 ------ 1 file changed, 6 deletions(-) (limited to 'frontend/src') diff --git a/frontend/src/css/index.css b/frontend/src/css/index.css index 344fd01..da345d7 100644 --- a/frontend/src/css/index.css +++ b/frontend/src/css/index.css @@ -4,12 +4,6 @@ } } -@media all and (max-width: 850px) { - .lt-content-column { - padding: 0 calc(5vw + 1em) 0 5vw !important; - } -} - body { margin: 0; padding: 0; -- cgit v1.2.3