From 03b6123a14072ad585d622c4c6d2f954481fb7fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mateusz=20Jab=C5=82o=C5=84ski?= Date: Sun, 10 Aug 2025 14:13:26 +0200 Subject: [PATCH] refactor: improve layout for logo placement --- public/index.html | 27 ++++++++++++++------------- public/styles.css | 23 +++++++++++++++-------- 2 files changed, 29 insertions(+), 21 deletions(-) diff --git a/public/index.html b/public/index.html index bf20a5d..90175fb 100644 --- a/public/index.html +++ b/public/index.html @@ -4,16 +4,17 @@ mBank mt940 konwerter - + -
-
+
+

mBank mt940 konwerter

-
- + +
+

Za pomocą tego narzędzia za darmo przekonwertujesz plik CSV wygenerowany przez mbank do formatu @@ -41,11 +42,13 @@

+
- -
+ + diff --git a/public/styles.css b/public/styles.css index 3ccc115..09fcbf1 100644 --- a/public/styles.css +++ b/public/styles.css @@ -8,9 +8,10 @@ --noop: none; } -body { - max-width: 600px; +section { + max-width: 800px; margin: 0 auto; + padding: 0 1rem; } button { @@ -29,7 +30,13 @@ button { color: hsl(120, 100%, 7.1%); } -header { +header, +footer { + max-width: unset !important; + background-color: var(--pico-modal-overlay-background-color); +} + +header section { display: flex; justify-content: space-between; align-items: center; @@ -50,7 +57,7 @@ header { } #icd-logo { - height: 30px; + height: 50px; aspect-ratio: 1200/319; background-color: white; mask-image: url("logo.png"); @@ -63,10 +70,10 @@ header { -webkit-mask-position: center; } -#icd-logo-container { +figure#icd-logo-container { background-color: black; - padding: 1em; + padding: 1rem; width: fit-content; - margin: 0 auto; - margin-bottom: 1em; + margin: 0 auto 1em auto; + border-radius: var(--pico-border-radius); }