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

32
views/lyrics.templ
View File

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