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>