diff options
| author | Ryan Mehri <[email protected]> | 2020-05-27 10:00:44 -0600 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-05-27 10:00:44 -0600 |
| commit | a2c841c10e48d27b9cdfdb96065349f8e72c042d (patch) | |
| tree | f04e0153a6cdd56abd113e9cdbb92e1fe0a89ec2 | |
| parent | Merge pull request #40 from jackyzha0/add-tab-support (diff) | |
| parent | remove redundant media query (diff) | |
| download | ctrl-v-a2c841c10e48d27b9cdfdb96065349f8e72c042d.tar.xz ctrl-v-a2c841c10e48d27b9cdfdb96065349f8e72c042d.zip | |
Merge pull request #41 from jackyzha0/mobile-improvements
mobile improvements
| -rw-r--r-- | frontend/src/components/NewPaste.js | 2 | ||||
| -rw-r--r-- | frontend/src/components/Options.js | 5 | ||||
| -rw-r--r-- | frontend/src/css/index.css | 6 |
3 files changed, 12 insertions, 1 deletions
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..da345d7 100644 --- a/frontend/src/css/index.css +++ b/frontend/src/css/index.css @@ -1,3 +1,9 @@ +@media all and (max-width: 1000px) { + .lt-content-column { + padding: 0 calc(5vw + 1em) 0 5vw !important; + } +} + body { margin: 0; padding: 0; |