kylefang/probot.github.io
1
0
Fork 0
mirror of https://github.com/zhigang1992/probot.github.io.git synced 2026-01-12 22:49:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

#63 Fixes nav mobile layout

Browse Source
This commit is contained in:
Sarthak Batra
2017-10-01 18:11:18 +05:30
parent 78e8e4e7f7
commit cab6d36694
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
_includes/nav.html
View File

@@ -2,16 +2,16 @@
<div class="{% unless homepage %}border-bottom{% endunless %}">
<div class="container-lg px-3">
<div class="py-4 d-sm-flex flex-sm-row">
<h1 class="alt-h4 col-sm-4 lh-default v-align-middle">
<div class="py-4 d-flex flex-row flex-justify-between">
<h1 class="alt-h4 lh-default v-align-middle">
{% unless homepage %}
<a href="/" class="no-underline text-uppercase text-brand-blue-dark">
<img class="v-align-middle" style="margin: -12px 8px -12px 0;" src="/assets/probot-head.png" height="36" alt="">
Probot
<span class="d-xs-none">Probot</span>
</a>
{% endunless %}
</h1>
<nav class="text-bold col-sm-8 text-sm-right">
<nav class="text-bold text-right">
<a class="text-inherit px-2 d-inline-block" href="/apps/">Explore</a>
<a class="text-inherit px-2 d-inline-block" href="/docs/">Build</a>
<a class="text-inherit px-2 d-inline-block" href="/contribute/">Contribute</a>

6
assets/css/index.scss
View File

@@ -27,3 +27,9 @@ img {
code {
font-size: 14px;
}
@media (max-width: 543px) {
.d-xs-none {
display: none!important;
}
}