tweak: lyrics top-left, smaller font clamp(12px,1.3vw,18px)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
e59e797f9d
commit
b5eacd35d2
1 changed files with 2 additions and 2 deletions
|
|
@ -242,7 +242,7 @@ html, body {
|
||||||
.lyric-display {
|
.lyric-display {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 3%;
|
left: 3%;
|
||||||
bottom: 16%;
|
top: 5%;
|
||||||
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(18px, 2.2vw, 32px);
|
font-size: clamp(12px, 1.3vw, 18px);
|
||||||
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