diff options
| author | Roger Braun <roger@rogerbraun.net> | 2016-11-02 18:38:30 +0100 |
|---|---|---|
| committer | Roger Braun <roger@rogerbraun.net> | 2016-11-02 18:38:30 +0100 |
| commit | 72877b5c06dd46f7334029664175fabd4e7e16ab (patch) | |
| tree | 1cdc38ae6e3feb37105002f6b911295cae2b115b | |
| parent | 79805584613bd3d3ec5fba6481fc1ba02986a1a8 (diff) | |
CSS fixes.
| -rw-r--r-- | src/components/attachment/attachment.vue | 13 | ||||
| -rw-r--r-- | src/components/status/status.vue | 4 |
2 files changed, 16 insertions, 1 deletions
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> |