fix: 移动端打赏显示不出来

README.md

@@ -27,22 +27,22 @@
 
 2022-07-21
 
-- [] 目录下面大一点
+- [x] 目录下面大一点
 - [] 增加手动触发构建功能
 - [] 移动端无法打赏
 - [] 后台保存页码
 - [] 每日增长计数
 - [] SEO 优化
 - [x] 侧边栏点击没反应
 - [x] 搜索卡片关闭后依然有遮罩
-- [] mogodb 文章溢出
-- [] 返回按钮不对劲
+- [x] mogodb 文章溢出
+- [] 返回按钮不对劲 （暂时搁置）
 
 2022-07-21 1.0 补充
 
 - [] 替换默认 404 页面
-- [] 手机端点完侧边栏收起来
-- [] 环境变量传入图片允许 URL
+- [x] 手机端点完侧边栏收起来
+- [x] 环境变量传入图片允许 URL
 - [] 导入关于报错
 - [x] 顶部菜单可配置化
 - [x] proxy 镜像通过环境变量传入参数
@@ -55,9 +55,9 @@
 - [x] 后台文章顶置筛选
 - [] 后台列表样式
 - [x] 草稿发布后报错
-- [] 后台编辑器全屏样式
+- [x] 后台编辑器全屏样式
 - [x] more 标记无法保存
-- [] 前端 markdown 间距奇怪
+- [x] 前端 markdown 间距奇怪
 - [x] 移动端打不开打赏
 - [x] 移动端点完导航收回去。
 - [x] 复制代码按钮位置骗了
@@ -98,7 +98,7 @@
 - [x] 文章顶置功能
 - [x] docker 部署方案
 - [x] API 开发 proxy
-- [] 简单的 README
+- [x] 简单的 README
 - [x] 滚动条优化
 - [x] 导入导出
 - [x] 增加自动主题切换 mode

packages/website/components/Reward/index.tsx

@@ -10,7 +10,7 @@ export default function (props: {
   author: string;
   id: number;
 }) {
-  const [show, setShow] = useState(false);
+  const [show, setShow] = useState(true);
   const { theme } = useContext(ThemeContext);
   const payUrl = useMemo(() => {
     const r = [];
@@ -45,15 +45,17 @@ export default function (props: {
         </div>
       </div>
       <div
-        className="text-center transition-all overflow-hidden flex justify-center"
+        className=" justify-center overflow-hidden transition-all"
         style={{
-          maxHeight: show ? "300px" : "0px",
+          maxHeight: show ? "3000px" : "0px",
           marginBottom: show ? "16px" : "0",
         }}
       >
-        <img src={payUrl[0]} width={180} height={250}></img>
-        <div className="w-4 inline-block"></div>
-        <img src={payUrl[1]} width={180} height={250}></img>
+        <div className="flex justify-center">
+          <img src={payUrl[0]} width={180} height={250}></img>
+          <div className="w-4 inline-block"></div>
+          <img src={payUrl[1]} width={180} height={250}></img>
+        </div>
       </div>
       <div className=" bg-gray-100 px-5 border-l-4 border-red-500  py-2 text-sm space-y-1 dark:text-dark  dark:bg-dark ">
         <p>