lamp/akkoma-fe
1
0
Fork 0
mirror of https://akkoma.dev/lamp/akkoma-fe.git synced 2025-05-19 12:54:01 -04:00
Code Issues Packages 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
src
App.scss
components/attachment
attachment.vue

24
src/App.scss

@ -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

@ -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%;
}
}
}
}