near/airsonic-ui
1
0
Fork 0
mirror of https://github.com/heyarne/airsonic-ui.git synced 2026-05-07 02:33:39 +02:00
Code Issues Projects Releases Wiki Activity

Make hero section on album page smaller

Browse source
This commit is contained in:
Arne Schlüter 2018-10-09 17:55:49 +02:00
commit 925c35bf5a
2 changed files with 22 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/cljs/airsonic_ui/components/collection/views.cljs
View file

@ -47,7 +47,7 @@
"Lists all songs in an album" "Lists all songs in an album"
[{:keys [album]}] [{:keys [album]}]
[:div [:div
[:section.hero>div.hero-body [:section.hero.is-small>div.hero-body
[:div.container [:div.container
[:article.media [:article.media
[:div.media-left [cover album 128]] [:div.media-left [cover album 128]]

43
src/sass/app.sass
View file

@ -110,6 +110,9 @@
.media-content .media-content
align-self: center align-self: center
&.is-small + .section
padding-top: 0
// floating notifications // floating notifications
.notifications:not(:empty) .notifications:not(:empty)
@extend .container @extend .container
@ -142,31 +145,27 @@
.preview-card .card-content .preview-card .card-content
padding: 0.375rem 0.75rem 0.75rem padding: 0.375rem 0.75rem 0.75rem
.album .album.detail
&.detail .collection-info
.collection-info list-style: none
list-style: none
li li
display: inline-block display: inline-block
margin-left: 0.75rem margin-left: 0.75rem
&:first-child &:first-child
margin-left: 0 margin-left: 0
.hero + .section
padding-top: 0
padding-bottom: 0
.song-list .song-list
counter-reset: track counter-reset: track
tbody tbody
tr tr
counter-increment: track counter-increment: track
td:first-child > div::before td:first-child > div::before
color: $grey-light color: $grey-light
content: counter(track) content: counter(track)
display: inline display: inline
padding-right: 0.375rem padding-right: 0.375rem