From fca63ebde21411d67a80a5cd01ba62a325c7c26c Mon Sep 17 00:00:00 2001
From: Cee <cnell@usgs.gov>
Date: Sun, 22 Sep 2024 08:49:36 -0700
Subject: [PATCH] better title sizes on mobile
---
src/App.vue | 4 ++--
src/components/VizTitle.vue | 5 +++--
2 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index d029132..f17cd04 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -112,7 +112,7 @@ h1{
//text-shadow: 2px 2px 2px rgba(0,0,0,.1);
color: var(--color-text);
@media screen and (max-width: 750px) {
- font-size: 4.75rem;
+ font-size: 4.0rem;
}
}
h2{
@@ -136,7 +136,7 @@ h3{
font-weight: 600;
color: var(--color-text);
@media screen and (max-width: 750px) {
- font-size: 2.5rem;
+ font-size: 2.25rem;
}
}
h4{
diff --git a/src/components/VizTitle.vue b/src/components/VizTitle.vue
index b1808cd..11bcbad 100644
--- a/src/components/VizTitle.vue
+++ b/src/components/VizTitle.vue
@@ -224,7 +224,7 @@ function debounce(func, wait) {
#grid-container {
display: grid;
grid-template-rows: auto auto;
- width: 100%;
+ width: 100s;
margin: auto;
}
@@ -262,7 +262,8 @@ function debounce(func, wait) {
width: 100%;
background: var(--color-background-header-footer);
color: var(--color-text);
- padding: 20px;
+ padding-bottom: 20px;
+ padding-top: 20px;
box-sizing: border-box;
}
--
GitLab