diff options
| author | jackyzha0 <[email protected]> | 2020-05-26 23:00:26 -0700 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2020-05-26 23:00:26 -0700 |
| commit | de61ac85e7b8c9b9a1102f7aa4f0313a6afbc078 (patch) | |
| tree | 6a2ab1446457aa24065a82a74313cae1e611ce9c /frontend/src | |
| parent | Merge pull request #40 from jackyzha0/add-tab-support (diff) | |
| download | ctrl-v-de61ac85e7b8c9b9a1102f7aa4f0313a6afbc078.tar.xz ctrl-v-de61ac85e7b8c9b9a1102f7aa4f0313a6afbc078.zip | |
make mobile less ass
Diffstat (limited to 'frontend/src')
| -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 | 12 |
3 files changed, 18 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..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; |