fix: format footer in popup window (#665)

This commit is contained in:
Huang Xin
2025-03-21 12:52:56 +08:00
committed by GitHub
parent ab0208b7ab
commit 0d93a13407
3 changed files with 3 additions and 14 deletions
@@ -165,13 +165,7 @@ const DeepLPopup: React.FC<DeepLPopupProps> = ({
) : (
<div>
<p className='text-base'>{translation || 'No translation available.'}</p>
<div className='pt-4 text-sm opacity-60'>
Translated by{' '}
<a href='https://www.deepl.com/' target='_blank' rel='noopener noreferrer'>
DeepL
</a>
.
</div>
<div className='pt-4 text-sm opacity-60'>Translated by DeepL.</div>
</div>
)}
</div>
@@ -114,11 +114,7 @@ const WikipediaPopup: React.FC<WikipediaPopupProps> = ({
<main className='flex-grow overflow-y-auto px-2 font-sans'></main>
<footer className='mt-auto hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
<div className='flex items-center px-4 py-2 text-sm opacity-60'>
From <a id='link'>Wikipedia</a>, released under the{' '}
<a href='https://en.wikipedia.org/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License'>
CC BY-SA License
</a>
.
From Wikipedia, released under the CC BY-SA License.
</div>
</footer>
</div>
@@ -169,8 +169,7 @@ const WiktionaryPopup: React.FC<WiktionaryPopupProps> = ({
<main className='flex-grow overflow-y-auto p-4 font-sans' />
<footer className='mt-auto hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
<div className='flex items-center px-4 py-2 text-sm opacity-60'>
From <a id='link'>Wiktionary</a>, released under the{' '}
<a href='https://creativecommons.org/licenses/by-sa/4.0/'>CC BY-SA License</a>.
From Wiktionary, released under the CC BY-SA License.
</div>
</footer>
</div>