From eff2d98848c26cdaf6bd5cc0b459e0d0595bcf45 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Hozman?= <tomas.hozman@pm.me> Date: Sat, 17 Dec 2022 00:29:54 +0100 Subject: [PATCH] added 2022 results, removed no longer applicable image size doubler --- src-front/components/header/Header.vue | 8 ++++++++ src-front/components/header/HeaderLogo.vue | 4 ++++ src-front/components/header/HeaderNavigation.vue | 8 ++++++-- src-front/components/header/HeaderSlogan.vue | 11 ++++++----- src-front/pages/_slug.vue | 1 - 5 files changed, 24 insertions(+), 8 deletions(-) diff --git a/src-front/components/header/Header.vue b/src-front/components/header/Header.vue index 55b8ef0..74b6cbf 100644 --- a/src-front/components/header/Header.vue +++ b/src-front/components/header/Header.vue @@ -47,12 +47,20 @@ export default { } &__left { + @media (max-width: 1120px) { + width: 40%; + } + @media (max-width: 830px) { width: auto; } } &__right { + @media (max-width: 1120px) { + width: 60%; + } + @media (max-width: 830px) { width: 100%; } diff --git a/src-front/components/header/HeaderLogo.vue b/src-front/components/header/HeaderLogo.vue index 183799a..188a585 100644 --- a/src-front/components/header/HeaderLogo.vue +++ b/src-front/components/header/HeaderLogo.vue @@ -13,6 +13,10 @@ line-height: 1; margin-right: 20px; + @media (max-width: 700px) { + margin-top: auto; + } + @media (max-width: 420px) { margin-right: 35px; } diff --git a/src-front/components/header/HeaderNavigation.vue b/src-front/components/header/HeaderNavigation.vue index f2f6011..83e67fa 100644 --- a/src-front/components/header/HeaderNavigation.vue +++ b/src-front/components/header/HeaderNavigation.vue @@ -2,6 +2,7 @@ <nav class="navigation"> <nuxt-link to="/" exact>ÄŚasová osa</nuxt-link> <nuxt-link to="/o-projektu">O projektu</nuxt-link> + <nuxt-link to="/vysledky-2022">VĂ˝sledky 2022</nuxt-link> </nav> </template> @@ -12,6 +13,7 @@ display: flex; justify-content: flex-end; + gap: 10%; margin-left: 0; margin-right: 10%; @@ -20,10 +22,13 @@ flex: 1; } + @media (max-width: 700px) { + flex-wrap: wrap; + } + @media (max-width: 590px) { width: 100%; - margin-left: 0; margin-right: 0; margin-bottom: 15px; @@ -33,7 +38,6 @@ font-family: $font-secondary; font-weight: 700; white-space: nowrap; - margin-right: 10%; &:last-of-type { @media (max-width: 590px) { diff --git a/src-front/components/header/HeaderSlogan.vue b/src-front/components/header/HeaderSlogan.vue index f17bff8..4627b06 100644 --- a/src-front/components/header/HeaderSlogan.vue +++ b/src-front/components/header/HeaderSlogan.vue @@ -1,6 +1,6 @@ <template> <p> - PĹ™ehled toho nejdĹŻleĹľitÄ›jšĂho, na ÄŤem Piráti pracujĂ nejen v PoslaneckĂ© snÄ›movnÄ›<br/> + PĹ™ehled toho nejdĹŻleĹľitÄ›jšĂho, na ÄŤem Piráti pracujĂ nejen v PoslaneckĂ© snÄ›movnÄ›<br> </p> </template> @@ -13,13 +13,14 @@ p { padding-left: 20px; - @media (max-width: 1000px) { - font-size: 16px; + @media (max-width: 1250px) { padding-left: 0; + max-width: 380px; + font-size: 17px; } - @media (max-width: 830px) { - display: none; + @media (max-width: 1000px) { + display: none; } } </style> diff --git a/src-front/pages/_slug.vue b/src-front/pages/_slug.vue index b2a16da..9d5105c 100644 --- a/src-front/pages/_slug.vue +++ b/src-front/pages/_slug.vue @@ -42,7 +42,6 @@ export default { }, methods: { renderContent(content) { - content = content.replace('.jpg"', '@2x.jpg"'); content = content.replace('http://admin.piratipracuji.cz/uploads/', 'https://res.cloudinary.com/pirati/image/fetch/w_1600,q_auto,f_auto/https://admin.piratipracuji.cz/uploads/'); return content; }, -- GitLab