ngn/dumb
1
0
Fork 0
Code Issues 1 Pull Requests 3 Actions Packages Activity

fix: improve styling

Browse Source
This commit is contained in:
rramiachraf 2024-03-04 19:18:32 +01:00
parent dccfd17bcc
commit 3b18d79b15
2 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/style.css
View File

@ -114,9 +114,10 @@ a {
display: grid;
padding: 5rem 0;
grid-template-columns: 24rem 1fr 24rem;
max-width: 1024px;
margin: auto;
width: 1024px;
margin: 0 auto;
gap: 4rem;
flex: 1;
}
#credits {
@ -230,6 +231,7 @@ a {
display: flex;
flex-direction: column;
gap: 3rem;
width: calc(100vw - 4rem);;
}
#metadata {

32
views/lyrics.templ
View File

@ -19,20 +19,24 @@ templ LyricsPage(s data.Song) {
@templ.Raw(s.Lyrics)
</div>
<div id="info">
<div id="about">
<h1 id="title">About</h1>
<p class="hidden" id="full_about">{ s.About[0] }</p>
<p id="summary">{ s.About[1] }</p>
</div>
<div id="credits">
<h1 id="title">Credits</h1>
for key, val := range s.Credits {
<details>
<summary>{ key }</summary>
<p>{ val }</p>
</details>
}
</div>
if s.About[0] != "" {
<div id="about">
<h1 id="title">About</h1>
<p class="hidden" id="full_about">{ s.About[0] }</p>
<p id="summary">{ s.About[1] }</p>
</div>
}
if len(s.Credits) > 0 {
<div id="credits">
<h1 id="title">Credits</h1>
for key, val := range s.Credits {
<details>
<summary>{ key }</summary>
<p>{ val }</p>
</details>
}
</div>
}
if s.Album.Name != "" {
<div id="lyrics-album-container">
<h1 id="title">{ s.Album.Name }</h1>