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; flex-direction: column;
align-items: flex-start; align-items: flex-start;
flex-grow: 1; flex-grow: 1;
}
.quicklook-genre-container {
display: flex;
align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0px 20px;
} }
.quicklook-genre { .quicklook-genre {

View file

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

View file

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

View file

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