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