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:
parent
e0a21ebb12
commit
42ec1087ef
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
|
@ -18,7 +18,7 @@ style: center
|
||||
<div class="half column nerd-font-badges" markdown="1">
|
||||
[![GitHub release][img-version-badge-with-logo]][repo] [![Gitter][img-gitter-badge]][gitter] ![Windows Logo][w-top] ![macOS (OSX) Logo][m-top] ![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
Loading…
Reference in New Issue
Block a user