diff options
| author | Acid Chicken (硫酸鶏) <root@acid-chicken.com> | 2019-02-13 21:43:58 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2019-02-13 21:43:58 +0900 |
| commit | cbc61ba03d6611867c09a29d3fa8a1c3c7378e16 (patch) | |
| tree | 51b4b3f4dcb0c5ef366b54f011beb55f18155490 | |
| parent | Migrate cafy to 14.0 (#4240) (diff) | |
| download | sharkey-cbc61ba03d6611867c09a29d3fa8a1c3c7378e16.tar.gz sharkey-cbc61ba03d6611867c09a29d3fa8a1c3c7378e16.tar.bz2 sharkey-cbc61ba03d6611867c09a29d3fa8a1c3c7378e16.zip | |
Add GIF badge (#4241)
| -rw-r--r-- | src/client/app/common/views/components/media-image.vue | 21 |
1 files changed, 20 insertions, 1 deletions
diff --git a/src/client/app/common/views/components/media-image.vue b/src/client/app/common/views/components/media-image.vue index 4a99b953ef..bd6c974def 100644 --- a/src/client/app/common/views/components/media-image.vue +++ b/src/client/app/common/views/components/media-image.vue @@ -10,7 +10,9 @@ :style="style" :title="image.name" @click.prevent="onClick" -></a> +> + <div v-if="image.type === 'image/gif'">GIF</div> +</a> </template> <script lang="ts"> @@ -76,6 +78,23 @@ export default Vue.extend({ background-size contain background-repeat no-repeat + > div + background-color var(--text) + border-radius var(--round) + color var(--secondary) + display inline-block + font-size 14px + font-weight 900 + height 24px + left calc(var(--round) * 2) + line-height 1 + opacity .5 + padding 5px 0 + text-align center + top calc(var(--round) * 2) + vertical-align middle + width 36px + .qjewsnkgzzxlxtzncydssfbgjibiehcy display flex justify-content center |