create-waku 0.7.2 → 0.7.4

package/template/02_demo/src/components/footer.tsx

@@ -1,6 +1,6 @@
 export const Footer = () => {
   return (
-    <footer className="fixed bottom-0 left-0 p-6">
+    <footer className="p-6 lg:fixed lg:bottom-0 lg:left-0">
       <div>
         visit{' '}
         <a

package/template/02_demo/src/components/header.tsx

@@ -2,10 +2,18 @@ import { Link } from 'waku';
 
 export const Header = () => {
   return (
-    <header className="fixed left-0 top-0 p-6">
+    <header className="flex items-center gap-4 p-6 lg:fixed lg:left-0 lg:top-0">
       <h2 className="text-lg font-bold tracking-tight">
         <Link to="/">Waku pokemon</Link>
       </h2>
+      <a
+        href="https://github.com/dai-shi/waku/tree/main/examples/02_demo/src"
+        target="_blank"
+        rel="noreferrer"
+        className="text-sm hover:underline"
+      >
+        (source)
+      </a>
     </header>
   );
 };

package/template/02_demo/src/components/reload.tsx

@@ -0,0 +1,16 @@
+'use client';
+
+export const Reload = () => {
+  const handleReload = () => {
+    window.location.reload();
+  };
+
+  return (
+    <button
+      onClick={handleReload}
+      className="inline-flex aspect-square size-16 items-center justify-center rounded-full bg-black"
+    >
+      <span className="text-sm font-bold text-white">reload</span>
+    </button>
+  );
+};