瀏覽代碼

fixing footer (#22927)

tags/1.7.2
znn 2 月之前
父節點
當前提交
0ebcee9a6b
沒有連結到貢獻者的電子郵件帳戶。
共有 1 個檔案被更改,包括 18 行新增3 行删除
  1. 18
    3
      web/app/components/apps/footer.tsx

+ 18
- 3
web/app/components/apps/footer.tsx 查看文件

@@ -1,6 +1,6 @@
import React from 'react'
import React, { useState } from 'react'
import Link from 'next/link'
import { RiDiscordFill, RiGithubFill } from '@remixicon/react'
import { RiCloseLine, RiDiscordFill, RiGithubFill } from '@remixicon/react'
import { useTranslation } from 'react-i18next'

type CustomLinkProps = {
@@ -26,9 +26,24 @@ const CustomLink = React.memo(({

const Footer = () => {
const { t } = useTranslation()
const [isVisible, setIsVisible] = useState(true)

const handleClose = () => {
setIsVisible(false)
}

if (!isVisible)
return null

return (
<footer className='shrink-0 grow-0 px-12 py-6'>
<footer className='shrink-0 grow-0 px-12 py-2 relative'>
<button
onClick={handleClose}
className='absolute top-2 right-2 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full transition-colors duration-200 ease-in-out hover:bg-gray-100 dark:hover:bg-gray-800'
aria-label="Close footer"
>
<RiCloseLine className='h-4 w-4 text-text-tertiary' />
</button>
<h3 className='text-gradient text-xl font-semibold leading-tight'>{t('app.join')}</h3>
<p className='system-sm-regular mt-1 text-text-tertiary'>{t('app.communityIntro')}</p>
<div className='mt-3 flex items-center gap-2'>

Loading…
取消
儲存