diff --git a/layout/sidebar/sidebar.pixy b/layout/sidebar/sidebar.pixy index a0e7f6fc..8fbc437c 100644 --- a/layout/sidebar/sidebar.pixy +++ b/layout/sidebar/sidebar.pixy @@ -43,8 +43,8 @@ component Sidebar(user *arn.User) if user != nil SidebarButton("Support", "/support", "heart") - //- if arn.IsDevelopment() - //- SidebarButton("Groups", "/groups", "users") + if arn.IsDevelopment() + SidebarButton("Groups", "/groups", "users") //- Disabled: //- SidebarButton("Dash", "/dashboard", "tachometer") diff --git a/pages/group/group.pixy b/pages/group/group.pixy index ef09858c..839cedf0 100644 --- a/pages/group/group.pixy +++ b/pages/group/group.pixy @@ -1,10 +1,16 @@ component Group(group *arn.Group, user *arn.User) GroupTabs(group, user) - if group.Name != "" - h1.mountable= group.Name - else - h1.mountable untitled + .group-header + if group.Name != "" + h1.group-page-name.mountable= group.Name + else + h1.group-page-name.mountable untitled + + if group.Tagline != "" + p.group-page-tagline.mountable= group.Tagline + else + p.group-page-tagline.mountable no tagline yet .group-view .group-sidebar.mountable diff --git a/pages/group/group.scarlet b/pages/group/group.scarlet index 940b35a6..a4de6b38 100644 --- a/pages/group/group.scarlet +++ b/pages/group/group.scarlet @@ -1,9 +1,8 @@ .group-view horizontal-wrap width 100% - max-width 900px + max-width 1000px margin 0 auto - border 1px solid red < 1100px .group-view @@ -11,10 +10,11 @@ .group-feed flex 1 - padding 1rem + padding 0 1rem .group-sidebar flex-basis 300px + max-width 300px .group-sidebar-section ui-element @@ -23,4 +23,16 @@ .group-members margin-bottom 0.5rem - justify-content flex-start \ No newline at end of file + justify-content flex-start + +.group-header + margin-bottom content-padding + +.group-page-name + margin 0 + +.group-page-tagline + text-align center + + &.mounted + opacity 0.6 !important \ No newline at end of file diff --git a/pages/groups/groups.scarlet b/pages/groups/groups.scarlet index f90006b2..48d994f8 100644 --- a/pages/groups/groups.scarlet +++ b/pages/groups/groups.scarlet @@ -2,17 +2,18 @@ const group-padding-y = 0.75rem const group-padding-x = 0.75rem .groups - horizontal-wrap - justify-content space-around + display grid + grid-gap calc(content-padding / 2) + // grid-template-columns repeat(auto-fill, min(100%, 520px)) + // justify-content center .group horizontal ui-element position relative - width 100% - max-width 520px + // width 100% + // max-width 520px padding group-padding-y group-padding-x - margin calc(content-padding / 2) color text-color :hover diff --git a/styles/mixins/debug.scarlet b/styles/mixins/debug.scarlet new file mode 100644 index 00000000..b4ea0cf0 --- /dev/null +++ b/styles/mixins/debug.scarlet @@ -0,0 +1,2 @@ +mixin debug-border + border 1px solid red \ No newline at end of file