gaiety/gaiety-life
1
0
Fork 0
Code Activity

fix paddings

Browse source
This commit is contained in:
Tommy Vedvik 2019-02-27 21:22:55 +01:00
parent 7c7b7fb001
commit f85fc2df09
4 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/assets/style/_variables.scss
View file

@ -11,8 +11,8 @@ body {
--title-color: #111; --title-color: #111;
--link-color: #2cb2f5; --link-color: #2cb2f5;
--border-color: rgba(0,0,0,.1);; --border-color: rgba(0,0,0,.1);;
--space: 2.5rem; --space: 3.5rem;
--container-width: 800px; --container-width: 860px;
--header-height: 80px; --header-height: 80px;
--radius: 5px; --radius: 5px;
} }

1
src/components/PostMeta.vue
View file

@ -16,5 +16,6 @@ export default {
<style lang="scss"> <style lang="scss">
.post-meta { .post-meta {
font-size: .8em; font-size: .8em;
opacity: .7;
} }
</style> </style>

2
src/layouts/Default.vue
View file

@ -63,7 +63,7 @@ export default {
.main { .main {
max-width: var(--container-width); max-width: var(--container-width);
margin: 0 auto; margin: 0 auto;
padding: 3.33vw 15px 0; padding: 2.5vw 15px 0;
} }
.footer { .footer {

8
src/templates/Post.vue
View file

@ -45,14 +45,14 @@ query Post ($path: String!) {
timeToRead timeToRead
excerpt excerpt
content content
poster (width: 780, blur: 10) poster (width: 860, blur: 10)
} }
} }
</page-query> </page-query>
<style lang="scss"> <style lang="scss">
.post-title { .post-title {
padding: calc(var(--space) / 2) 0 var(--space); padding: calc(var(--space) / 2) 0 calc(var(--space) / 2);
text-align: center; text-align: center;
} }
@ -65,7 +65,9 @@ query Post ($path: String!) {
margin-bottom: calc(var(--space) / 2); margin-bottom: calc(var(--space) / 2);
overflow: hidden; overflow: hidden;
border-radius: var(--radius) var(--radius) 0 0; border-radius: var(--radius) var(--radius) 0 0;
img {
width: 100%;
}
&:empty { &:empty {
display: none; display: none;
} }