Added group styles

This commit is contained in:
Eduard Urbach 2017-10-18 12:02:48 +02:00
parent 63a421e6a2
commit 217e35f752
2 changed files with 32 additions and 1 deletions

View File

@ -18,4 +18,8 @@ component Groups(groups []*arn.Group, user *arn.User)
.groups
each group in groups
.group
h3= group.Name
h3.group-name= group.Name
.group-tagline= group.Tagline
.group-member-count
Icon("user")
span= len(group.Members)

View File

@ -0,0 +1,27 @@
.groups
horizontal-wrap
justify-content space-around
.group
vertical
ui-element
position relative
width 100%
max-width 500px
padding 0.5rem 1rem
margin calc(content-padding / 2)
.group-name
horizontal
align-items center
.group-tagline
opacity 0.6
.group-member-count
position absolute
top 0.5rem
right 1rem
text-align right
font-size 0.8rem
opacity 0.5