🔍 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}