diff --git a/pages/anime/anime.scarlet b/pages/anime/anime.scarlet index 92d18c4a..cc5b8611 100644 --- a/pages/anime/anime.scarlet +++ b/pages/anime/anime.scarlet @@ -32,8 +32,7 @@ > 800px .anime-header horizontal - padding-bottom content-padding - border-bottom 1px solid rgba(0, 0, 0, 0.05) + page-header .anime-title text-align left diff --git a/pages/character/character.pixy b/pages/character/character.pixy index ae434db5..8ba8293d 100644 --- a/pages/character/character.pixy +++ b/pages/character/character.pixy @@ -37,21 +37,24 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime .character-description.mountable!= markdown.Render(character.Description) - h3.mountable Anime + .character-main-column + if len(characterAnime) > 0 + .character-section + h3.character-section-name.mountable Anime - .character-anime.mountable - each anime in characterAnime - a.character-anime-item.tip.mountable(href=anime.Link(), aria-label=anime.Title.ByUser(user), data-mountable-type="anime") - img.character-anime-item-image.lazy(data-src=anime.ImageLink("small"), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.ByUser(user)) - - if len(quotes) > 0 && (len(quotes) > 1 || mainQuote != quotes[0]) - h3.mountable Quotes + .character-anime.mountable + each anime in characterAnime + a.character-anime-item.tip.mountable(href=anime.Link(), aria-label=anime.Title.ByUser(user), data-mountable-type="anime") + img.character-anime-item-image.lazy(data-src=anime.ImageLink("small"), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.ByUser(user)) - .character-quotes.mountable + if len(quotes) > 0 && (len(quotes) > 1 || mainQuote != quotes[0]) + .character-section + h3.character-section-name.mountable Quotes + + .quotes.character-quotes.mountable each quote in quotes if mainQuote == nil || quote.ID != mainQuote.ID - .character-quote - Quote(quote, user) + Quote(quote, user) .character-sidebar if len(character.Attributes) > 0 diff --git a/pages/character/character.scarlet b/pages/character/character.scarlet index 03cef071..779678f8 100644 --- a/pages/character/character.scarlet +++ b/pages/character/character.scarlet @@ -16,7 +16,6 @@ vertical justify-content flex-start align-items center - margin-bottom 1rem .character-image-large width 219px @@ -50,9 +49,9 @@ anime-mini-item-image .character-quotes - vertical + justify-content flex-start -.character-quote +.character-quotes footer, .quote-footer display none @@ -64,12 +63,19 @@ .relevant-characters horizontal-wrap +.character-section + margin-top 1rem + +.character-section-name + font-weight bold + > 1250px .character-page horizontal .character-header horizontal + page-header .character-name text-align left diff --git a/styles/mixins/page-header.scarlet b/styles/mixins/page-header.scarlet new file mode 100644 index 00000000..5a2e9258 --- /dev/null +++ b/styles/mixins/page-header.scarlet @@ -0,0 +1,3 @@ +mixin page-header + padding-bottom content-padding + border-bottom 1px solid rgba(0, 0, 0, 0.05) \ No newline at end of file