1
0
mirror of https://github.com/misskey-dev/misskey synced 2024-12-05 10:18:42 +09:00

Add GIF badge (#4241)

This commit is contained in:
Acid Chicken (硫酸鶏) 2019-02-13 21:43:58 +09:00 committed by syuilo
parent 5aa58da918
commit cbc61ba03d

View File

@ -10,7 +10,9 @@
:style="style" :style="style"
:title="image.name" :title="image.name"
@click.prevent="onClick" @click.prevent="onClick"
></a> >
<div v-if="image.type === 'image/gif'">GIF</div>
</a>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -76,6 +78,23 @@ export default Vue.extend({
background-size contain background-size contain
background-repeat no-repeat 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 .qjewsnkgzzxlxtzncydssfbgjibiehcy
display flex display flex
justify-content center justify-content center