diff --git a/src-front/components/header/Header.vue b/src-front/components/header/Header.vue index 55b8ef079560e155e911a5b44cef64dfc17ebe66..74b6cbfa014b00f8e5aaf717c682cc8e9a3bf268 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 183799ace83280da27cdcc9eee95e86bdfe284c7..188a585058e2d049717aeaba9e53596c1f9f5d56 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 f2f6011ad00a033fa4e6bcb649c4897bd3450a43..83e67fa76a0881865dd79420e2a321f73dc12d4a 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 f17bff88c8579ef82d8052a69754289052699892..4627b06942f7522ac6549fa715eecb95374c9652 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 b2a16da35f3a6e9d882b38ecc9098410ced0cbcb..9d5105ccc9568768335a8a3faebd74487818b0f9 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; },