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

Configure Feed

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

Redesign the authentication buttons

+32 -16
+1 -1
src/App/View.elm
··· 218 218 Local -> 219 219 [ span 220 220 [ style [ ( "fontSize", intoRem 17 ) ] ] 221 - [ Material.Icons.Action.lock_outline Color.white 17 ] 221 + [ Material.Icons.Action.lock Color.white 17 ] 222 222 , text "Sign in anonymously" 223 223 ] 224 224
+3
src/Css/Navigation/Styles.elm
··· 53 53 [ height (Css.em 1.475) 54 54 , width (Css.em 1.475) 55 55 ] 56 + , selector "g" 57 + [ fill currentColor 58 + ] 56 59 , class ActiveLink 57 60 [ colorDerivatives.text 58 61 |> Color.Manipulate.fadeOut 0.9
+28 -15
src/Css/Styles.elm
··· 1 1 module Styles exposing (..) 2 2 3 + import Color 3 4 import Color.Manipulate 4 5 import Css exposing (..) 5 6 import Css.Elements exposing (..) ··· 271 272 ------------------------------------------------------ 272 273 , class AuthenticationButton 273 274 [ alignItems center 274 - , backgroundColor (rgba 0 0 0 0.45) 275 - , borderRadius borderRadiuses.smallElements 276 - , boxShadow4 (px 0) (px 0) (px 20) (rgba 255 255 255 0.05) 275 + , border3 (px 1) solid (cssColorOpac 0.235 Color.white) 276 + , borderBottomWidth zero 277 277 , color (hex "#fff") 278 278 , cursor pointer 279 279 , displayFlex 280 - , fontSize (Css.rem 0.95) 280 + , fontSize (Css.rem 0.9) 281 281 , height (px 22) 282 282 , lineHeight (gr 3) 283 - , marginBottom (gr 2) 284 - , padding2 (gr 2) (gr 3) 285 - , property "padding-top" "calc(.75rem + 1px)" 286 - , width (px 220) 283 + , padding2 (basem 15) (gr 3) 284 + , property "padding-top" ("calc(" ++ .value (basem 15) ++ " + 1px)") 285 + , width (basem 260) 287 286 288 287 -- 288 + , firstChild 289 + [ borderRadius4 290 + borderRadiuses.smallElements 291 + borderRadiuses.smallElements 292 + zero 293 + zero 294 + ] 289 295 , lastChild 290 - [ marginBottom zero 296 + [ borderBottomWidth (px 1) 297 + , borderRadius4 298 + zero 299 + zero 300 + borderRadiuses.smallElements 301 + borderRadiuses.smallElements 302 + ] 303 + , hover 304 + [ backgroundColor (cssColorOpac 0.25 Color.black) 291 305 ] 292 306 293 307 -- 294 - , descendants 308 + , children 295 309 [ span 296 - [ lineHeight (Css.rem 1) 297 - ] 298 - , svg 299 - [ marginRight (gr 1) 300 - , transform none 310 + [ lineHeight (Css.rem 1) ] 311 + , (span << List.singleton << children << List.singleton << svg) 312 + [ marginRight (gr 2) 313 + , transform (translateY (px 1)) 301 314 , width (basem 22) 302 315 ] 303 316 ]