SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated styling

Browse source
This commit is contained in:
Sebin Nyshkim 2019-11-04 00:27:52 +01:00
parent 2c5eda97e3
commit 807b877035
1 changed files with 14 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/ImageParagraph.vue
View file

@ -1,11 +1,11 @@
<template>
<div class="image-paragraph" :class="imgPos">
<div class="image">
<img :src="imgSrc" alt="Image" />
</div>
<div class="text">
<slot></slot>
</div>
<div class="image">
<img :src="imgSrc" alt="Image" />
</div>
<div class="text">
<slot></slot>
</div>
</div>
</template>
@ -55,12 +55,12 @@ export default {
flex: 0 1 100%;
@media (min-width: 35em) {
flex: 0 1 20em;
flex: 1;
}
}
.text {
flex: 0 1 100%;
flex: 1;
}
}
@ -93,8 +93,12 @@ export default {
}
}
img {
max-width: 100%;
.image {
text-align: center;
img {
max-width: 100%;
}
}
}
</style>