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
|
.groups
|
||||||
each group in groups
|
each group in groups
|
||||||
.group
|
.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