Feat: Home Page

增加首页，调整页眉页尾，样式优化
2024-07-15 21:34:20 +08:00
parent d03532b91f
commit 03f717bbc0
10 changed files with 92 additions and 48 deletions
@@ -1,11 +1,11 @@
-const { APP_SITENAME, APP_FOOTER_EXTRA } = import.meta.env; 
+const { APP_SITENAME, APP_FOOTER_EXTRA } = import.meta.env;

 function Footer() {
  return (
    <footer className="pb-12">
-      <div className="grid grid-cols-2 px-2 max-w-3xl mx-auto text-sm opacity-60">
+      <div className="grid gap-2 sm:grid-cols-2 px-2 max-w-3xl mx-auto text-sm text-center sm:text-left opacity-60">
        <p>{`© ${new Date().getFullYear()} ${APP_SITENAME}`}</p>
-        {APP_FOOTER_EXTRA && <p className="text-right" dangerouslySetInnerHTML={{ __html: APP_FOOTER_EXTRA }} />}
+        {APP_FOOTER_EXTRA && <p className="sm:text-right" dangerouslySetInnerHTML={{ __html: APP_FOOTER_EXTRA }} />}
      </div>
    </footer>
  );