yrtria/theme-song-booth
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: tighten lyrics spacing on player page

Browse source
This commit is contained in:
Troll (Hermes Agent) 2026-08-03 18:16:00 +00:00
parent 7a9c8b8240
commit 5757a768d5
1 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
templates/player.html
View file

@ -86,7 +86,7 @@
padding:1rem 1.5rem; padding:1rem 1.5rem;
margin:1rem 0; margin:1rem 0;
white-space:pre-wrap; white-space:pre-wrap;
line-height:1.7; line-height:1.5;
font-size:1.05rem; font-size:1.05rem;
} }
.lyrics h2{ .lyrics h2{
@ -98,7 +98,11 @@
color:#60a5fa; color:#60a5fa;
font-weight:700; font-weight:700;
display:block; display:block;
margin-top:1rem; margin-top:.6rem;
}
.lyrics .lyric-line{
display:block;
margin:.1rem 0;
} }
</style> </style>
</head> </head>
@ -113,10 +117,9 @@
{% for line in req.suno_lyrics.splitlines() %} {% for line in req.suno_lyrics.splitlines() %}
{% if line.startswith('[') and line.endswith(']') %} {% if line.startswith('[') and line.endswith(']') %}
<span class="section-label">{{ line }}</span> <span class="section-label">{{ line }}</span>
{% else %} {% elif line.strip() %}
{{ line }} <span class="lyric-line">{{ line }}</span>
{% endif %} {% endif %}
{% if not loop.last %}<br>{% endif %}
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}