diff --git a/frontend/src/lib/components/Menu/Menu.svelte b/frontend/src/lib/components/Menu/Menu.svelte index 4177f23..c48ac26 100644 --- a/frontend/src/lib/components/Menu/Menu.svelte +++ b/frontend/src/lib/components/Menu/Menu.svelte @@ -68,7 +68,7 @@ top: 110vh; left: 0px; right: 0px; - height: 100vh; + height: 100%; &.active { top: 0px; } diff --git a/frontend/src/lib/components/Pagebuilder/Homepage.svelte b/frontend/src/lib/components/Pagebuilder/Homepage.svelte index ea05dcf..ee1add7 100644 --- a/frontend/src/lib/components/Pagebuilder/Homepage.svelte +++ b/frontend/src/lib/components/Pagebuilder/Homepage.svelte @@ -112,8 +112,10 @@ flex-direction: column; justify-content: center; align-items: flex-start; + gap: 20px; @media @tablet { align-items: center; + gap: initial; } width: 100%; height: fit-content; @@ -123,7 +125,10 @@ font-weight: 500; h1 { font-size: 2rem; - padding: 20px 0px; + padding: 10px 0px 0px 0px; + @media @tablet { + padding: 20px 0px; + } margin: 10px 0px 20px 0px; line-height: 1; font-weight: 500; @@ -131,7 +136,10 @@ } h2 { - font-size: 1.6rem !important; + font-size: 1rem !important; + @media @tablet { + font-size: 1.6rem !important; + } line-height: 1; font-family: "Libre Franklin", sans-serif; font-weight: 500; diff --git a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte index 068e6fb..8eb1409 100644 --- a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte +++ b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte @@ -39,10 +39,7 @@ {#if Object.keys(row).length} {#if row.topTitle} -

+

{row.topTitle}

{/if} @@ -183,4 +180,15 @@ min-width: 0; } } + + .hph3 { + text-transform: uppercase; + font-size: 0.7rem; + } + .nmh3 { + font-size: 1rem; + @media @tablet { + font-size: 1.6rem; + } + } diff --git a/frontend/src/lib/components/widgets/Worldcard/card.svelte b/frontend/src/lib/components/widgets/Worldcard/card.svelte index 67fccba..d2ac625 100644 --- a/frontend/src/lib/components/widgets/Worldcard/card.svelte +++ b/frontend/src/lib/components/widgets/Worldcard/card.svelte @@ -94,7 +94,7 @@ gap: 20px; align-items: center; .title { - font-size: min(0.9vw, 14px); + font-size: min(1.6vw, 14px); padding: 2px 5px; text-transform: uppercase; @media @tablet {