tweak: lyrics position 8%/8%, larger font clamp(16px,1.9vw,26px)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
bc1cbcdc9e
commit
ca21a96292
1 changed files with 3 additions and 3 deletions
|
|
@ -241,8 +241,8 @@ html, body {
|
||||||
============================================================ */
|
============================================================ */
|
||||||
.lyric-display {
|
.lyric-display {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 3%;
|
left: 8%;
|
||||||
top: 4%;
|
top: 8%;
|
||||||
max-width: 36%;
|
max-width: 36%;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
@ -251,7 +251,7 @@ html, body {
|
||||||
.lyric-line {
|
.lyric-line {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-family: 'Courier New', monospace;
|
font-family: 'Courier New', monospace;
|
||||||
font-size: clamp(13px, 1.5vw, 20px);
|
font-size: clamp(16px, 1.9vw, 26px);
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
letter-spacing: 0.03em;
|
letter-spacing: 0.03em;
|
||||||
text-shadow:
|
text-shadow:
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue