From 48dfaa8d0d06a5a075982d4bbbad03068d868394 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Hozda?= Date: Fri, 9 Oct 2020 18:04:13 +0200 Subject: [PATCH] fix logo make button smaller --- src/components/logo.svelte | 1 + src/routes/index.svelte | 20 ++++++++++---------- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/src/components/logo.svelte b/src/components/logo.svelte index 33cd4f2..dc290ba 100644 --- a/src/components/logo.svelte +++ b/src/components/logo.svelte @@ -7,6 +7,7 @@ transition: 0.2s; width: 123px; height: 120px; + z-index: 1234; } .logo:hover { transform: scale(1.15); diff --git a/src/routes/index.svelte b/src/routes/index.svelte index 26f5beb..2a4af8a 100644 --- a/src/routes/index.svelte +++ b/src/routes/index.svelte @@ -23,7 +23,7 @@ } .label { position: absolute; - font-size: 20px !important; + font-size: 30px !important; transition: .2s ease; } .label2:hover { @@ -59,7 +59,7 @@ #cinnosti { left: auto; right: auto; - top: 70vh; + top: 85vh; color: var(--color-primary); font-size: 1.2em !important; } @@ -205,35 +205,35 @@ } #predseda { top: 25vh; - width: calc(100% - 4em); + width: calc(100% - 3em); left: 0; padding: 0; padding-left: 20px; } #prebiram { top: 37.5vh; - width: calc(100% - 4em); + width: calc(100% - 3em); left: 0; padding: 0; padding-left: 20px; } #zapojit { top: 50vh; - width: calc(100% - 4em); + width: calc(100% - 3em); left: 0; padding: 0; padding-left: 20px; } #zalozit { top: 62.5vh; - width: calc(100% - 4em); + width: calc(100% - 3em); left: 0; padding: 0; padding-left: 20px; } #oborovky { top: 75vh; - width: calc(100% - 4em); + width: calc(100% - 3em); left: 0; padding: 0; padding-left: 20px; @@ -245,7 +245,7 @@ position: absolute; } .labels:hover > *:not(:hover) { - font-size: calc(var(--font-size) / 1.7); + font-size: 3vw; } #cinnosti, #predseda, @@ -256,14 +256,14 @@ border-radius: 4vw; background-color: var(--color-primary); color: #fff !important; - padding: 2rem 1rem; + padding: 1rem 0.75rem; margin-left: 2em; margin-right: 2em; text-align: center; cursor: pointer; } .label.label2 span a { - font-size: calc(var(--font-size) / 1.7); + font-size: 3vw; color: #fff; } svg {