Added group styles
This commit is contained in:
parent
63a421e6a2
commit
217e35f752
@ -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)
|
27
pages/groups/groups.scarlet
Normal file
27
pages/groups/groups.scarlet
Normal 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
|
Loading…
Reference in New Issue
Block a user