mentos1386/send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions 1

Fix footer, properly layout no affiliation notice on small screens

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/main.css
View file

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

6
app/ui/footer.js
View file

@ -69,7 +69,11 @@ class Footer extends Component {
<footer <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" 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 <ul
class="flex flex-col md:flex-row items-start md:items-center md:justify-end" class="flex flex-col md:flex-row items-start md:items-center md:justify-end"
> >