fix padding on mobile (#57)

This commit is contained in:
David Schneiderbauer
2018-05-23 11:02:45 +02:00
committed by Bo-Yi Wu
parent bc4eb914b3
commit d29f3571b6
4 changed files with 39 additions and 37 deletions

View File

@@ -1,11 +1,13 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container is-centered page">
<div class=" content">
{{ .Content }}
<div class="section">
<div class="container is-centered page">
<div class=" content">
{{ .Content }}
{{ partial "disqus.html" . }}
{{ partial "disqus.html" . }}
</div>
</div>
</div>

View File

@@ -1,14 +1,16 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container is-centered page">
<div class="columns">
<div class="column is-one-quarter">
{{ partial "menu" . }}
</div>
<div class="column">
<div class=" content">
{{ .Content }}
<div class="section">
<div class="container is-centered page">
<div class="columns">
<div class="column is-one-quarter">
{{ partial "menu" . }}
</div>
<div class="column">
<div class=" content">
{{ .Content }}
</div>
</div>
</div>
</div>

View File

@@ -1,16 +1,18 @@
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="container is-centered page">
<div class="columns">
<div class="column is-one-quarter">
{{ partial "menu" . }}
</div>
<div class="column">
<div class=" content">
{{ .Content }}
<div class="section">
<div class="container is-centered page">
<div class="columns">
<div class="column is-one-quarter">
{{ partial "menu" . }}
</div>
<div class="column">
<div class=" content">
{{ .Content }}
{{ partial "disqus.html" . }}
{{ partial "disqus.html" . }}
</div>
</div>
</div>
</div>

View File

@@ -42,23 +42,19 @@
}
}
.page{
margin: 2em auto;
.page .card{
margin-bottom: 2em;
.card{
margin-bottom: 2em;
background-color: #fff;
box-shadow: 0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
border: none;
border-radius: 0.2em;
background-color: #fff;
box-shadow: 0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
color: #4a4a4a;
max-width: 100%;
position: relative;
border: none;
border-radius: 0.2em;
.media-content a{
display: block;
}
.media-content a{
display: block;
}
}
@@ -122,4 +118,4 @@
right: 0;
z-index: 1;
opacity: 1;
}
}