From 1c75014ad7ee99c20de65695627a8edb1a112649 Mon Sep 17 00:00:00 2001 From: James Shiffer Date: Sat, 4 Jul 2020 04:58:15 -0700 Subject: [PATCH] responsive ui adjustments --- src/components/Nav.svelte | 10 +++++++--- src/routes/index.svelte | 2 ++ 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte index 8697752..78b0941 100644 --- a/src/components/Nav.svelte +++ b/src/components/Nav.svelte @@ -37,7 +37,7 @@ } div.link a { text-decoration: none; - font-size: 2rem; + font-size: 1.5rem; } div.wordmark { width: 17.5rem; @@ -59,6 +59,10 @@ div.items > div { margin: 0 1rem; } + input.search { + height: 2.75rem !important; + font-size: 2rem !important; + } } @media (min-width: 1280px) { div.wordmark { @@ -77,8 +81,8 @@ } input.search { width: 100%; - height: 2.75rem; - font-size: 2rem; + height: 2rem; + font-size: 1.5rem; margin: 0 auto; border: 0.25rem solid black; } diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 6e676f9..9ad5f55 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -22,6 +22,7 @@ @media (min-width: 800px) { h1.welcome { font-size: 8rem !important; + display: block !important; } h2.desc { font-size: 2rem !important; @@ -40,6 +41,7 @@ font-size: 3.75rem; font-size: 3rem; text-transform: uppercase; + display: none; } h2.desc { margin-bottom: 1rem;