jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved display of home page on smaller devices

Browse Source
This commit is contained in:
Stefan Zermatten
2017-06-28 09:27:24 +02:00
parent 8fa9cd0148
commit 812a1784b2
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
rpg-docs/client/views/home/intro/intro.css
View File

@@ -21,10 +21,15 @@
max-width: 300px; max-width: 300px;
padding: 16px; padding: 16px;
text-align: center; text-align: center;
min-width: 0;
}
.intro .section .columns {
max-width: 100%;
} }
.intro paper-button { .intro paper-button {
min-width: 200px; flex-basis: 200px;
} }

6
rpg-docs/client/views/home/intro/intro.html
View File

@@ -64,7 +64,7 @@
</div> </div>
<div class="section white-text" style="background: #282828"> <div class="section white-text" style="background: #282828">
<div class="columns layout horizontal around-justified wrap"> <div class="columns layout horizontal around-justified wrap">
<div> <div class="layout vertical center">
<div class="paper-font-headline"> <div class="paper-font-headline">
Guide Guide
</div> </div>
@@ -78,7 +78,7 @@
</paper-button> </paper-button>
</a> </a>
</div> </div>
<div> <div class="layout vertical center">
<div class="paper-font-headline"> <div class="paper-font-headline">
Discuss Discuss
</div> </div>
@@ -91,7 +91,7 @@
</paper-button> </paper-button>
</a> </a>
</div> </div>
<div> <div class="layout vertical center">
<div class="paper-font-headline"> <div class="paper-font-headline">
Get involved Get involved
</div> </div>