From 72877b5c06dd46f7334029664175fabd4e7e16ab Mon Sep 17 00:00:00 2001 From: Roger Braun <roger@rogerbraun.net> Date: Wed, 2 Nov 2016 18:38:30 +0100 Subject: [PATCH] CSS fixes. --- src/components/attachment/attachment.vue | 13 ++++++++++++- src/components/status/status.vue | 4 ++++ 2 files changed, 16 insertions(+), 1 deletion(-) diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index d20b704b..0e67f48e 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -4,7 +4,7 @@ <img :src="nsfwImage"></img> </a> - <a v-if="type === 'image' && !nsfw" :href="attachment.url" target="_blank"><img :src="attachment.url"></img></a> + <a class="image-attachment" v-if="type === 'image' && !nsfw" :href="attachment.url" target="_blank"><img :src="attachment.url"></img></a> <video v-if="type === 'webm' && !nsfw" :src="attachment.url" controls></video> @@ -29,5 +29,16 @@ video { height: 100%; } + + a.image-attachment { + display: flex; + flex: 1; + + img { + width: 100%; + height: 100%; + flex: 1; + } + } } </style> diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 4d8700d5..685ec244 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -60,4 +60,8 @@ word-break: break-all; } } + + .status-actions { + padding-top: 5px; + } </style>