A music player that connects to your cloud/distributed storage.
Add shadow to covers view
+42
-30
+29
-6
src/Applications/UI/Tracks/Scene.elm
+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
+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
+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
---------