Style improvements for genres
This commit is contained in:
parent
3e68606c38
commit
25929233cf
@ -20,6 +20,7 @@ component AnimeMainColumn(anime *arn.Anime, tracks []*arn.SoundTrack, episodes [
|
|||||||
|
|
||||||
p.anime-summary.mountable= anime.Summary
|
p.anime-summary.mountable= anime.Summary
|
||||||
|
|
||||||
|
.anime-summary-footer-container
|
||||||
.anime-summary-footer
|
.anime-summary-footer
|
||||||
AnimeGenres(anime)
|
AnimeGenres(anime)
|
||||||
AnimeActions(anime, user)
|
AnimeActions(anime, user)
|
||||||
@ -39,18 +40,18 @@ component AnimeSideColumn(anime *arn.Anime, friends []*arn.User, listItems map[*
|
|||||||
|
|
||||||
component AnimeActions(anime *arn.Anime, user *arn.User)
|
component AnimeActions(anime *arn.Anime, user *arn.User)
|
||||||
if user != nil
|
if user != nil
|
||||||
.buttons.anime-actions.mountable
|
.buttons.anime-actions
|
||||||
if user.Role == "editor" || user.Role == "admin"
|
if user.Role == "editor" || user.Role == "admin"
|
||||||
a.button.ajax(href=anime.Link() + "/edit")
|
a.button.mountable.ajax(href=anime.Link() + "/edit", data-mountable-type="footer")
|
||||||
Icon("pencil-square-o")
|
Icon("pencil-square-o")
|
||||||
span Edit anime
|
span Edit anime
|
||||||
|
|
||||||
if user.AnimeList().Contains(anime.ID)
|
if user.AnimeList().Contains(anime.ID)
|
||||||
a.button.ajax(href="/+" + user.Nick + "/animelist/anime/" + anime.ID)
|
a.button.mountable.ajax(href="/+" + user.Nick + "/animelist/anime/" + anime.ID, data-mountable-type="footer")
|
||||||
Icon("pencil")
|
Icon("pencil")
|
||||||
span Edit in collection
|
span Edit in collection
|
||||||
else
|
else
|
||||||
button.action(data-api="/api/animelist/" + user.ID, data-action="addAnimeToCollection", data-trigger="click", data-anime-id=anime.ID)
|
button.mountable.action(data-api="/api/animelist/" + user.ID, data-action="addAnimeToCollection", data-trigger="click", data-anime-id=anime.ID, data-mountable-type="footer")
|
||||||
Icon("plus")
|
Icon("plus")
|
||||||
span Add to collection
|
span Add to collection
|
||||||
|
|
||||||
@ -133,7 +134,7 @@ component AnimeLinks(anime *arn.Anime)
|
|||||||
component AnimeGenres(anime *arn.Anime)
|
component AnimeGenres(anime *arn.Anime)
|
||||||
.anime-genres
|
.anime-genres
|
||||||
each genre in anime.Genres
|
each genre in anime.Genres
|
||||||
a.anime-genre.mountable.ajax(href="/genre/" + strings.ToLower(genre))
|
a.anime-genre.mountable.ajax(href="/genre/" + strings.ToLower(genre), data-mountable-type="footer")
|
||||||
span= genre
|
span= genre
|
||||||
|
|
||||||
component AnimeRelations(anime *arn.Anime, user *arn.User)
|
component AnimeRelations(anime *arn.Anime, user *arn.User)
|
||||||
|
@ -38,18 +38,21 @@
|
|||||||
.anime-alternative-title
|
.anime-alternative-title
|
||||||
text-align left
|
text-align left
|
||||||
|
|
||||||
|
.anime-summary-footer-container
|
||||||
|
vertical
|
||||||
|
flex 1
|
||||||
|
justify-content flex-end
|
||||||
|
align-items flex-end
|
||||||
|
|
||||||
.anime-summary-footer
|
.anime-summary-footer
|
||||||
|
width 100%
|
||||||
display flex
|
display flex
|
||||||
justify-content space-between
|
justify-content space-between
|
||||||
align-items center
|
align-items center
|
||||||
// flex 1
|
|
||||||
// justify-content flex-end
|
|
||||||
// align-items flex-end
|
|
||||||
|
|
||||||
button,
|
button,
|
||||||
.button
|
.button
|
||||||
margin 0
|
margin 0.25rem
|
||||||
margin-left 0.5rem
|
|
||||||
|
|
||||||
.anime-info-table
|
.anime-info-table
|
||||||
margin 0
|
margin 0
|
||||||
|
Loading…
Reference in New Issue
Block a user