github/TheGame
1
1
Fork 0
mirror of https://github.com/MetaFam/TheGame.git synced 2026-04-24 03:00:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixed hjomepage buttons on mobile (#156)

Browse Source 
* WIP on the Signpost page redesign

* Sidebar now gets highlighted when Library item clicked.

* Better mobile behaviour

* tweaks to tidy the grid

* Sidebar state reset after 5 seconds

* sorry, another tweak for better spacing.

* tweaks

* removed unwanted text

* couple of little tweaks on the homepage buttons & spacing around logo on the signpost page

* tweaks to the mobile view on homepage
This commit is contained in:
Dave Sayer
2020-11-02 13:00:42 +00:00
committed by GitHub
parent 340dbc9a65
commit 2044d27022
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/styles.module.scss
View File

@@ -90,9 +90,12 @@
display: flex;
align-items: center;
justify-content: space-between;
width: 50%;
width: 100%;
margin-top: 50px;
@media screen and (min-width: 768px) {
width: 50%;
}
.button {
background: #5a32e6;
border-radius: 4px;
@@ -105,7 +108,7 @@
color: #fff;
display: block;
padding: 12px 0;
width: 164px;
width: 154px;
margin-bottom: 0;
&.btnJoin {
@@ -120,6 +123,7 @@
border: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
overflow: hidden;
width: 164px;
transition: box-shadow 0.2s ease, background-color 0.3s 0.1s ease-in-out,
color 0.3 ease;
z-index: 2;
@@ -191,9 +195,9 @@
@media screen and (max-width: 500px) {
font-size: 12px;
flex-flow: row wrap !important;
max-width: 90% !important;
max-width: 100% !important;
padding: 20px !important;
margin: 0 auto !important;
margin: 0 0 25px !important;
h3 {
margin-top: 10px;