Fix footer, properly layout no affiliation notice on small screens
This commit is contained in:
parent
638f68334a
commit
8e868a642c
2 changed files with 6 additions and 2 deletions
|
@ -134,7 +134,7 @@ details[open] > summary > svg {
|
|||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
footer li:hover {
|
||||
footer li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
|
@ -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"
|
||||
>
|
||||
|
|
Loading…
Reference in a new issue