danvics/openreader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix footer on mobile

Browse source
This commit is contained in:
Richard Roberson 2025-01-26 20:06:14 -07:00
parent e8922d6acf
commit edb0b962d3
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/Footer.tsx
View file

@ -4,17 +4,17 @@ export function Footer() {
return ( return (
<footer className="m-8 text-sm text-muted"> <footer className="m-8 text-sm text-muted">
<div className="flex flex-col items-center space-y-2"> <div className="flex flex-col items-center space-y-2">
<div className="flex space-x-3"> <div className="flex flex-wrap md:flex-nowrap items-center justify-center text-center md:space-x-3">
<Popover className="relative"> <Popover className="flex relative">
<PopoverButton className="hover:text-foreground transition-colors"> <PopoverButton className="hover:text-foreground transition-colors">
Privacy info Privacy info
</PopoverButton> </PopoverButton>
<PopoverPanel className="absolute bottom-8 bg-base p-4 rounded-lg shadow-lg w-64"> <PopoverPanel anchor="bottom start" className="bg-base p-4 rounded-lg shadow-lg w-64">
<p>No data collection. Documents are uploaded to your local browser cache.</p> <p>No data collection. Documents are uploaded to your local browser cache.</p>
<p className='mt-3'>Each sentence of the document you are viewing is sent to my FastAPI server for audio generation, no requests or data is collected.</p> <p className='mt-3'>Each sentence of the document you are viewing is sent to my FastAPI server for audio generation, no requests or data is collected.</p>
</PopoverPanel> </PopoverPanel>
</Popover> </Popover>
<span>•</span> <span className='w-full md:w-fit'>•</span>
<span> <span>
Powered by{' '} Powered by{' '}
<a <a