style: add responsive CSS tweaks for very narrow screens, mobile fullscreen windows, and safe-area toast positioning

This commit is contained in:
2026-06-09 17:26:34 +00:00
parent 671c42316b
commit c89dbaf41e
9 changed files with 78 additions and 42 deletions
-39
View File
@@ -16,42 +16,6 @@
pointer-events: none;
}
.landing-nav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 2rem;
position: relative;
z-index: 1;
}
.landing-logo {
font-size: 1.5rem;
font-weight: 800;
color: var(--text-primary);
letter-spacing: -0.02em;
}
.landing-logo span {
color: var(--accent);
}
.landing-nav-links {
display: flex;
align-items: center;
gap: 1.5rem;
}
.landing-nav-links a {
color: var(--text-secondary);
font-size: 0.875rem;
font-weight: 500;
}
.landing-nav-links a:hover {
color: var(--text-primary);
}
.landing-hero {
display: flex;
flex-direction: column;
@@ -304,9 +268,6 @@
.landing-features {
grid-template-columns: repeat(2, 1fr);
}
.landing-nav {
padding: 0.75rem 1rem;
}
.landing-section {
padding: 0 1rem;
}