1
0
mirror of https://github.com/ryanoasis/nerd-fonts.git synced 2024-12-19 20:12:52 +02:00

Mobile layout fixes (particularly cheat sheet)

This commit is contained in:
Ryan L McIntyre 2017-04-24 18:55:08 -04:00
parent e0a21ebb12
commit 42ec1087ef
4 changed files with 1445 additions and 1426 deletions

View File

@ -322,7 +322,7 @@ nav ul li:hover, nav ul li.active {
@media only screen and (max-width: 380px) {
nav ul li { min-width:90px; line-height:20px; }
.section:first-of-type {
padding-top: 40px;
padding-top: 70px;
}
}

View File

@ -14,6 +14,10 @@
line-height: 2.3em;
}
#main .nerd-font-buttons {
line-height: 4em;
}
#main .nerd-font-cheat-sheet-search {
margin-right: auto;
margin-left: auto;
@ -33,6 +37,21 @@
height: 120px;
}
/* tiny size (phones) */
@media only screen and (max-width: 380px) {
#main .nerd-font-cheat-sheet .column {
width: 102px;
height: 98px;
}
#main .nerd-font-cheat-sheet {
max-height: 306px;
padding-top: 0px;
}
}
#main .nerd-font-cheat-sheet .column span {
font-family: 'mono';
font-size: 12px;

View File

@ -18,7 +18,7 @@ style: center
<div class="half column nerd-font-badges" markdown="1">
[![GitHub release][img-version-badge-with-logo]][repo]&nbsp;[![Gitter][img-gitter-badge]][gitter]&nbsp;&nbsp;&nbsp;![Windows Logo][w-top]&nbsp;&nbsp;&nbsp;![macOS (OSX) Logo][m-top]&nbsp;&nbsp;&nbsp;![Linux Logo][l-top]
</div>
<div class="half column">
<div class="half column nerd-font-buttons">
<h3 class="inlineblock bg-blue text-white nerd-font-button">
<i class="fa fa-search"></i>
<a href="#cheat-sheet" class="inlineblock">Icons</a>

File diff suppressed because it is too large Load Diff