🔍 Blog title -> 2.5.6

CHANGELOG.md

@@ -358,3 +358,14 @@
 - 清理了项目代码
 - 修改了侧边卡片的样式
 - 修改了原 DaisyUI 内建的逻辑，改成点击按钮收回而不是点击外部收回
+
+## [2.5.6] - 2024-8-22
+
+### Features
+
+- 添加了图片放大功能（仅对 BaseCard 中的图片有效）
+
+### Refactored
+
+- 根据用户反馈，回退了手机端导航栏的逻辑
+- 修改了在博客页面下标签栏的标题

package.json

@@ -1,7 +1,7 @@
 {
   "name": "frosti",
   "type": "module",
-  "version": "2.5.5",
+  "version": "2.5.6",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",

src/components/Header.astro

@@ -7,29 +7,27 @@ import { SITE_TITLE } from "../consts";
   class="navbar max-md:translate-y-0 fixed px-2 w-full transform -translate-y-full text-center z-50 transition-transform bg-base-100 shadow-xl"
 >
   <div class="navbar-start">
-    <details>
-      <summary>
-        <div
-          tabindex="0"
-          role="button"
-          class="btn btn-ghost"
-          id="navbar"
-          title="Navbar"
+    <div class="dropdown">
+      <div
+        tabindex="0"
+        role="button"
+        class="btn btn-ghost"
+        id="content"
+        title="Content"
+      >
+        <svg
+          class="swap-off fill-current"
+          xmlns="http://www.w3.org/2000/svg"
+          width="32"
+          height="32"
+          viewBox="0 0 512 512"
+          ><path
+            d="M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z"
+          ></path></svg
         >
-          <svg
-            class="swap-off fill-current"
-            xmlns="http://www.w3.org/2000/svg"
-            width="32"
-            height="32"
-            viewBox="0 0 512 512"
-            ><path
-              d="M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z"
-            ></path>
-          </svg>
-        </div>
-      </summary>
+      </div>
       <Menu />
-    </details>
+    </div>
   </div>
   <div class="navbar-center">
     <a class="btn btn-ghost text-xl" href="/">{SITE_TITLE}</a>

src/components/HeaderMenu.astro

@@ -3,7 +3,7 @@ import { menuItems } from "../consts.ts";
 ---
 
 <ul
-  class="menu menu-sm fixed bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow-xl lg:hidden"
+  class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow-xl lg:hidden"
 >
   {
     menuItems.map((item) => (

src/pages/blog/[...slug].astro

@@ -16,7 +16,7 @@ const post = Astro.props;
 const { Content } = await post.render();
 ---
 
-<BaseLayout title="Blog">
+<BaseLayout title={post.data.title}>
   <BaseCard
     title={post.data.title}
     image={post.data.image}