💄 improve nav element distribution on medium sized screens

This commit is contained in:
DrMaxNix 2024-07-26 18:27:33 +02:00
parent 21f7c5507b
commit 54fce3e6f6
2 changed files with 5 additions and 2 deletions

View File

@ -5,7 +5,7 @@
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
gap: 1rem; gap: 2rem;
padding: 1rem; padding: 1rem;
@ -29,6 +29,9 @@
text-align: center; text-align: center;
} }
.footer > .el-middle {
flex-grow: 0;
}
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1000px) {
.footer > div { .footer > div {
flex-basis: 100%; flex-basis: 100%;

View File

@ -30,7 +30,7 @@
<?php } ?> <?php } ?>
<?php } else { ?> <?php } else { ?>
<div class="lang"> <div class="lang el-middle">
<span><i class="ti ti-world"></i></span> <span><i class="ti ti-world"></i></span>
<a <?= ($lang->get() === "de" ? "class=\"selected\"" : "") ?> href="<?= Footer::$lang_href["de"] ?>">DE</a> <a <?= ($lang->get() === "de" ? "class=\"selected\"" : "") ?> href="<?= Footer::$lang_href["de"] ?>">DE</a>
<span class="delimiter">|</span> <span class="delimiter">|</span>