graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-27 19:13:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add GIF badge (#4241)

Browse source
This commit is contained in:
Acid Chicken (硫酸鶏) 2019-02-13 21:43:58 +09:00 committed by syuilo
parent 5aa58da918
commit cbc61ba03d
1 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/client/app/common/views/components/media-image.vue
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