Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Attachment CSS fixes.

Browse source
This commit is contained in:
Roger Braun 2016-11-04 12:55:09 +01:00
parent 572aceb7e7
commit acc439f266
2 changed files with 58 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/App.scss
View file

@ -156,30 +156,6 @@ status.ng-enter.ng-enter-active {
margin: 1em;
}
.attachments {
display: flex;
flex-wrap: wrap;
}
.attachment, attachment {
flex: 1 0 30%;
display: flex;
margin: 0.2em;
align-self: flex-start;
img {
border: 1px solid;
border-radius: 0.5em;
width: 100%;
}
video {
border: 1px solid;
border-radius: 0.5em;
width: 100%;
}
}
.media-body {
flex: 1

16
src/components/attachment/attachment.vue
View file

@ -25,9 +25,21 @@
<script src="./attachment.js"></script>
<style lang="scss">
.attachments {
display: flex;
flex-wrap: wrap;
.attachment {
flex: 1 0 30%;
display: flex;
margin: 0.2em;
align-self: flex-start;
video {
height: 100%;
border: 1px solid;
border-radius: 0.5em;
width: 100%;
}
.oembed {
@ -72,6 +84,10 @@
width: 100%;
height: 100%;
flex: 1;
border: 1px solid;
border-radius: 0.5em;
width: 100%;
}
}
}
}