A music player that connects to your cloud/distributed storage.
5
fork

Configure Feed

Select the types of activity you want to include in your feed.

Add shadow to covers view

+42 -30
+29 -6
src/Applications/UI/Tracks/Scene.elm
··· 1 1 module UI.Tracks.Scene exposing (..) 2 2 3 - import Chunky exposing (..) 4 3 import Conditional exposing (..) 5 4 import Css.Classes as C 6 5 import Html exposing (Html, text) ··· 22 21 |> Maybe.map .name 23 22 |> Maybe.withDefault "Unknown" 24 23 in 25 - brick 26 - [ A.style "height" "18px" ] 27 - [ C.box_content 24 + Html.div 25 + [ A.style "height" "18px" 26 + 27 + -- 28 + , C.box_content 28 29 , C.font_display 29 30 , C.font_semibold 30 31 , C.leading_normal ··· 39 40 , ifThenElse (0 == index) C.pt_3 C.pt_4 40 41 ] 41 42 [ groupIcon 42 - , inline [ C.align_middle ] [ text groupName ] 43 + , Html.span [ C.align_middle ] [ text groupName ] 44 + ] 45 + 46 + 47 + shadow : Html msg 48 + shadow = 49 + Html.div 50 + [ C.h_10 51 + , C.left_0 52 + , C.neg_mt_10 53 + , C.neg_translate_y_full 54 + , C.opacity_30 55 + , C.right_0 56 + , C.shadow_md 57 + , C.sticky 58 + , C.top_0 59 + , C.transform 60 + , C.z_10 61 + 62 + -- Dark mode 63 + ------------ 64 + , C.dark__shadow_md_darker 43 65 ] 66 + [] 44 67 45 68 46 69 ··· 49 72 50 73 groupIcon : Html msg 51 74 groupIcon = 52 - inline 75 + Html.span 53 76 [ C.align_middle, C.inline_block, C.leading_0, C.pr_2 ] 54 77 [ Icons.library_music 16 Inherit ]
+12 -4
src/Applications/UI/Tracks/Scene/Covers.elm
··· 107 107 , C.scrolling_touch 108 108 , C.text_almost_sm 109 109 ] 110 - [ chunk 111 - [ C.flex 110 + [ Scene.shadow 111 + , chunk 112 + [ C.bg_white 113 + , C.flex 112 114 , C.items_center 113 - , C.mt_5 114 - , C.mx_5 115 + , C.pt_5 116 + , C.px_5 117 + , C.relative 118 + , C.z_20 119 + 120 + -- Dark mode 121 + ------------ 122 + , C.dark__bg_darkest_hour 115 123 ] 116 124 [ sortGroupButtons deps.sortBy 117 125
+1 -20
src/Applications/UI/Tracks/Scene/List.elm
··· 82 82 Nothing -> 83 83 C.overflow_y_auto 84 84 ] 85 - [ -- Shadow 86 - --------- 87 - chunk 88 - [ C.h_10 89 - , C.left_0 90 - , C.neg_mt_10 91 - , C.neg_translate_y_full 92 - , C.opacity_30 93 - , C.right_0 94 - , C.shadow_md 95 - , C.sticky 96 - , C.top_0 97 - , C.transform 98 - , C.z_10 99 - 100 - -- Dark mode 101 - ------------ 102 - , C.dark__shadow_md_darker 103 - ] 104 - [] 85 + [ Scene.shadow 105 86 106 87 -- Header 107 88 ---------