Skip to content

Commit

Permalink
Fixed a horizontal scrollbar appearing on certain website pages
Browse files Browse the repository at this point in the history
The use of `100vw` was causing horizontal scrollbars to appear on the home and 404 pages.
Using 100% fixes that. Technically, block elements like <div> don't need a width key since
they automatically expand to take up as much width as possible, but I kept the value at 100%
here to matter match the original intent of the code.
  • Loading branch information
Vultraz committed Oct 12, 2018
1 parent f4066c4 commit 14b05bb
Show file tree
Hide file tree
Showing 3 changed files with 3 additions and 3 deletions.
2 changes: 1 addition & 1 deletion website/src/pages/404.js
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ const styles = {
color: 'white',
padding: '2rem 0 4em',
position: 'relative',
width: '100vw',
width: '100%',
height: '100vh',
overflow: 'hidden'
},
Expand Down
2 changes: 1 addition & 1 deletion website/src/pages/components/home/AdminInterface.js
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ const styles = {
backgroundColor: theme.color.lightBlue,
textAlign: 'center',
padding: '4rem 0',
width: '100vw',
width: '100%',
overflow: 'hidden',
},
heading: {
Expand Down
2 changes: 1 addition & 1 deletion website/src/pages/components/home/Hero.js
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@ const styles = {
color: 'white',
padding: '2rem 0 4em',
position: 'relative',
width: '100vw',
width: '100%',
overflow: 'hidden',
},
content: {
Expand Down

0 comments on commit 14b05bb

Please sign in to comment.