web/notify.moe
Code Issues Pull Requests Activity

Improved companies page

Browse Source
This commit is contained in:
Eduard Urbach 2018-03-23 18:15:04 +01:00
parent 522465ee9a
commit 1cb4d1377d
2 changed files with 31 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pages/companies/popular.pixy
View File

@ -13,10 +13,13 @@ component PopularCompanies(companies []*arn.Company, nextIndex int, user *arn.Us
component PopularCompaniesScrollable(companies []*arn.Company, user *arn.User)
each company in companies
li.popular-company.mountable
a.popular-company-name.ajax(href=company.Link())
.popular-company-icon
a.popular-company-header.ajax(href=company.Link())
Icon("building")
span.popular-company-name= company.Name.English
span= company.Name.English
p.popular-company-body.popular-company-description= company.Description
.popular-company-footer
p Test.
//- span= " (" + strconv.Itoa(popularity[company.ID]) + ")"

30
pages/companies/popular.scarlet
View File

@ -3,20 +3,31 @@
justify-content space-evenly
.popular-company
display flex
vertical
width 100%
max-width 500px
max-width 800px
margin 0
margin-bottom calc(content-padding / 4)
padding 0.5rem 0.75rem
overflow hidden
ui-element
.popular-company-header
flex 0.2
.popular-company-body
flex 0.6
.popular-company-footer
flex 0.2
.popular-company-description
clip-long-text
.popular-company-icon
//
.popular-company-name
horizontal
align-items center
clip-long-text
.popular-company-anime-preview
@ -24,8 +35,13 @@
> 900px
.popular-company
height 50px
height 200px
max-height 200px
padding 0.75rem 1rem
margin calc(content-padding / 2)
.popular-company-name
font-size 1.3rem
.popular-company-header
font-size 1.2rem
.popular-company-description
white-space normal