Fix footer, properly layout no affiliation notice on small screens

This commit is contained in:
timvisee 2021-01-27 13:34:26 +01:00
parent 638f68334a
commit 8e868a642c
No known key found for this signature in database
GPG Key ID: B8DB720BC383E172
2 changed files with 6 additions and 2 deletions

View File

@ -134,7 +134,7 @@ details[open] > summary > svg {
transform: rotate(90deg);
}
footer li:hover {
footer li a:hover {
text-decoration: underline;
}

View File

@ -69,7 +69,11 @@ class Footer extends Component {
<footer
class="flex flex-col md:flex-row items-start w-full flex-none self-start p-6 md:p-8 font-medium text-xs text-grey-60 dark:text-grey-40 md:items-center justify-between"
>
<div>${translate('footerText')}</div>
<ul
class="flex flex-col md:flex-row items-start md:items-center md:justify-start"
>
<li class="m-2">${translate('footerText')}</li>
</ul>
<ul
class="flex flex-col md:flex-row items-start md:items-center md:justify-end"
>