diff options
| author | shpuld <shpuld@gmail.com> | 2017-03-10 23:28:55 +0200 |
|---|---|---|
| committer | shpuld <shpuld@gmail.com> | 2017-03-10 23:28:55 +0200 |
| commit | 21111878bec750c936e5791dc34dc46060412ecb (patch) | |
| tree | 2552bcb4b7021a68bbda871e761b200a81073085 /src/components/attachment/attachment.vue | |
| parent | 9e42472679716d188fcf32136484aeb77c680b4d (diff) | |
Give link attachments a rounded border, give images and links base03 border.
Diffstat (limited to 'src/components/attachment/attachment.vue')
| -rw-r--r-- | src/components/attachment/attachment.vue | 19 |
1 files changed, 9 insertions, 10 deletions
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index 8f51b891..6af23391 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -1,5 +1,5 @@ <template> - <div class="attachment" :class="{[type]: true, loading}" :style="autoHeight"> + <div class="attachment base03-border" :class="{[type]: true, loading}" :style="autoHeight"> <a class="image-attachment" v-if="hidden" @click.prevent="toggleHidden()"> <img :key="nsfwImage" :src="nsfwImage"/> </a> @@ -8,7 +8,7 @@ </div> <a v-if="type === 'image' && !hidden" class="image-attachment" :href="attachment.url" target="_blank"> - <img class="base05-border" referrerpolicy="no-referrer" :src="attachment.large_thumb_url || attachment.url"/> + <img class="base03-border" referrerpolicy="no-referrer" :src="attachment.large_thumb_url || attachment.url"/> </a> <video v-if="type === 'video' && !hidden" :src="attachment.url" controls></video> @@ -76,19 +76,18 @@ border-radius: 5px; } - .oembed { + border: 1px solid; + border-radius: 5px; + border-color: inherit; + width: 100%; + margin-right: 15px; + display: flex; + img { width: 100%; } - margin-right: 15px; - } - .oembed { - border: 1px solid; - width: 100%; - - display: flex; .image { flex: 1; img { |