mirror of
https://github.com/runyanjake/jakesphotos.git
synced 2026-03-26 05:23:18 -07:00
Fix overlapping text on mobile
This commit is contained in:
parent
757a002188
commit
157298daaa
@ -54,12 +54,15 @@
|
|||||||
.navbar-center h1 {
|
.navbar-center h1 {
|
||||||
color: var(--color-text-nav);
|
color: var(--color-text-nav);
|
||||||
font-family: var(--font-heading);
|
font-family: var(--font-heading);
|
||||||
font-size: 20px;
|
font-size: clamp(11px, 3.2vw, 20px);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
letter-spacing: 0.12em;
|
letter-spacing: 0.12em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
max-width: calc(100vw - 160px);
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user