web/notify.moe
Code Issues Pull Requests Activity

Added basic UI for anime display

Browse Source
This commit is contained in:
Eduard Urbach
2018-03-11 22:42:58 +01:00
parent e94f8800de
commit 8898413804
3 changed files with 42 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
layout/sidebar/audioplayer.scarlet
View File

@ -1,20 +1,49 @@
#audio-player
vertical
default-transition
justify-content center
position relative
margin 0.8rem 0
min-height 90px
min-height 147px
#audio-player-anime-info
display flex
justify-content center
align-items center
width 100%
#audio-player-anime-image
opacity 0.15 !important
width 39px
height 39px
border-radius 3px
object-fit cover
default-transition
animation rotate-y-once 5s ease infinite alternate
:hover
filter saturate(130%)
opacity 1.0 !important
animation rotate-y-once
0%
transform rotateY(0)
90%
transform rotateY(0)
100%
transform rotateY(90deg)
#audio-player-track-title
width 100%
color text-color
font-size 0.7rem
line-height 1.7em
opacity 0.8
text-align center
padding 0.8rem
animation title-flow 5s ease infinite alternate
animation rotate-x-once 5s ease infinite alternate
animation title-flow
animation rotate-x-once
0%
transform rotateX(0)
90%