PUBLISH: Add spacing between genres

This commit is contained in:
Campbell Alden 2022-08-27 13:17:26 +09:00
parent 499c41c56f
commit 62080c1aab
4 changed files with 14 additions and 2 deletions

View file

@ -29,7 +29,13 @@
flex-direction: column;
align-items: flex-start;
flex-grow: 1;
}
.quicklook-genre-container {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 0px 20px;
}
.quicklook-genre {

View file

@ -66,7 +66,7 @@
</div>
<div class="quicklook-genre-section">
<span class="caption">Genre</span>
<div>
<div class="quicklook-genre-container">
<span class="quicklook-emphasized-color quicklook-genre">Comedy</span>

View file

@ -11,7 +11,7 @@
</div>
<div class="quicklook-genre-section">
<span class="caption">Genre</span>
<div>
<div class="quicklook-genre-container">
{{ range $name := .Params.genres }}
<span class="quicklook-emphasized-color quicklook-genre">{{$name}}</span>
{{end}}

View file

@ -29,7 +29,13 @@
flex-direction: column;
align-items: flex-start;
flex-grow: 1;
}
.quicklook-genre-container {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 0px 20px;
}
.quicklook-genre {