forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
Redesign the authentication buttons - Take 2
+15
-23
+7
-2
src/App/View.elm
+7
-2
src/App/View.elm
···
150
150
if model.authenticatedUser == Nothing then
151
151
unauthenticated
152
152
[ div
153
-
[]
153
+
[ style
154
+
[ ( "background-color", "white" )
155
+
, ( "border-radius", "4px" )
156
+
, ( "padding", ".375rem 1.5rem" )
157
+
]
158
+
]
154
159
[ authButton Blockstack
155
160
, authButton Local
156
161
]
···
252
257
[]
253
258
, path
254
259
[ d "M172.762461,205.432902 C149.648477,205.432902 130.910891,186.75581 130.910891,163.716451 C130.910891,140.677091 149.648477,122 172.762461,122 C195.876445,122 214.614031,140.677091 214.614031,163.716451 C214.614031,186.75581 195.876445,205.432902 172.762461,205.432902 Z M340.16874,205.432902 C317.054756,205.432902 298.31717,186.75581 298.31717,163.716451 C298.31717,140.677091 317.054756,122 340.16874,122 C363.282724,122 382.02031,140.677091 382.02031,163.716451 C382.02031,186.75581 363.282724,205.432902 340.16874,205.432902 Z M340.16874,372.298705 C317.054756,372.298705 298.31717,353.621614 298.31717,330.582254 C298.31717,307.542894 317.054756,288.865803 340.16874,288.865803 C363.282724,288.865803 382.02031,307.542894 382.02031,330.582254 C382.02031,353.621614 363.282724,372.298705 340.16874,372.298705 Z M172.762461,372.298705 C149.648477,372.298705 130.910891,353.621614 130.910891,330.582254 C130.910891,307.542894 149.648477,288.865803 172.762461,288.865803 C195.876445,288.865803 214.614031,307.542894 214.614031,330.582254 C214.614031,353.621614 195.876445,372.298705 172.762461,372.298705 Z"
255
-
, fill "#FFFFFF"
260
+
, fill "#270F34"
256
261
]
257
262
[]
258
263
]
+8
-21
src/Css/Styles.elm
+8
-21
src/Css/Styles.elm
···
272
272
------------------------------------------------------
273
273
, class AuthenticationButton
274
274
[ alignItems center
275
-
, border3 (px 1) solid (cssColorOpac 0.235 Color.white)
276
-
, borderBottomWidth zero
277
-
, color (hex "#fff")
275
+
, borderBottom3 (px 1) solid (cssColor colors.base07)
276
+
, color (cssColor colorDerivatives.text)
278
277
, cursor pointer
279
278
, displayFlex
280
279
, fontSize (Css.rem 0.9)
281
280
, height (px 22)
282
281
, lineHeight (gr 3)
283
-
, padding2 (basem 15) (gr 3)
282
+
, padding2 (basem 15) zero
284
283
, property "padding-top" ("calc(" ++ .value (basem 15) ++ " + 1px)")
285
284
, width (basem 260)
286
285
287
286
--
288
-
, firstChild
289
-
[ borderRadius4
290
-
borderRadiuses.smallElements
291
-
borderRadiuses.smallElements
292
-
zero
293
-
zero
294
-
]
295
287
, lastChild
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)
305
-
]
288
+
[ borderBottomWidth zero ]
306
289
307
290
--
308
291
, children
···
313
296
, transform (translateY (px 1))
314
297
, width (basem 22)
315
298
]
299
+
]
300
+
, descendants
301
+
[ selector "g"
302
+
[ fill currentColor ]
316
303
]
317
304
]
318
305