From f46660fafd99bee91e02f9e171e5164d68d0bc13 Mon Sep 17 00:00:00 2001
From: luorijun <luorijun@outlook.com>
Date: Sat, 26 Apr 2025 17:20:21 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5=E4=BE=A7?=
 =?UTF-8?q?=E8=BE=B9=E6=A0=8F=E7=BC=A9=E6=94=BE=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/_assets}/logo-avatar.svg            |   0
 src/app/admin/_assets/logo-mini.webp          | Bin 4006 -> 0 bytes
 src/app/admin/_assets/logo-text.svg           |  70 ++++++++++++++++++
 src/app/admin/_client/navbar.tsx              |  54 +++++++-------
 4 files changed, 96 insertions(+), 28 deletions(-)
 rename src/{assets => app/admin/_assets}/logo-avatar.svg (100%)
 delete mode 100644 src/app/admin/_assets/logo-mini.webp
 create mode 100644 src/app/admin/_assets/logo-text.svg

diff --git a/src/assets/logo-avatar.svg b/src/app/admin/_assets/logo-avatar.svg
similarity index 100%
rename from src/assets/logo-avatar.svg
rename to src/app/admin/_assets/logo-avatar.svg
diff --git a/src/app/admin/_assets/logo-mini.webp b/src/app/admin/_assets/logo-mini.webp
deleted file mode 100644
index 3a586bb45d6bee46ce83faffb499da418e72828f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4006
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

diff --git a/src/app/admin/_assets/logo-text.svg b/src/app/admin/_assets/logo-text.svg
new file mode 100644
index 0000000..282ea7d
--- /dev/null
+++ b/src/app/admin/_assets/logo-text.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 27.99" style="enable-background:new 0 0 60 27.99;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#2470F9;}
+</style>
+<g>
+	<path class="st0" d="M15.62,2.94v0.77h-2.49v0.99h-2.21V3.71H7.19v0.99H4.97V3.71H2.48V2.94h2.49V2.03h2.21v0.91h3.73V2.03h2.21
+		v0.91H15.62z M14.89,14.21h0.73v0.78H2.48v-0.78h0.74v-2.59c0-0.57,0.28-0.85,0.85-0.85h9.96c0.57,0,0.85,0.28,0.85,0.85V14.21z
+		 M5.42,9.49H3.21V5.77h2.21V9.49z M5.44,14.21h0.94v-2.66H5.65c-0.14,0-0.21,0.07-0.21,0.21V14.21z M8.35,5.23v4.8H6.14v-4.8H8.35z
+		 M9.53,11.54H8.59v2.66h0.94V11.54z M12.06,5.23l-0.29,1.19h3.29V7.2h-0.9l0.76,2.83h-2.21L11.95,7.2h-0.38l-0.71,2.83H8.64
+		l1.22-4.8H12.06z M12.68,11.75c0-0.14-0.07-0.21-0.21-0.21h-0.73v2.66h0.94V11.75z"/>
+	<path class="st0" d="M20,4.95c0.07,0.21,0.1,0.43,0.1,0.69v8.52c0,0.67-0.34,1.01-0.99,1.01h-2.13l-0.42-0.77h1
+		c0.22,0,0.34-0.11,0.34-0.35v-3.96l-1.4,0.8v-0.85l1.4-0.8V5.3l-1.4,0.8V5.24l1.2-0.69l-0.73-2.56h2.2l0.42,1.47L21,2.65V3.5
+		l-1.22,0.7L20,4.95z M29.63,14.39v0.78l-1.61-0.52c-0.46-0.15-0.71-0.48-0.74-0.98l-0.8-10.37h-0.85l-0.41,10.63
+		c0,0.18,0.08,0.22,0.24,0.15l0.46-0.18l-0.34-5.14h1.04l0.42,6.4H26l-0.04-0.55l-1.37,0.45c-0.28,0.1-0.52,0.07-0.73-0.07
+		c-0.21-0.14-0.32-0.36-0.31-0.66l0.46-11.04h-0.5c-0.14,0-0.21,0.07-0.21,0.21v9.51c0,0.35-0.14,0.62-0.42,0.8l-2.12,1.35v-0.95
+		l0.38-0.25c0.1-0.07,0.14-0.15,0.14-0.27V3.38c0-0.57,0.28-0.85,0.85-0.85h4.5c0.15,0,0.27-0.07,0.34-0.21l0.17-0.32h2.21L29,2.73
+		c-0.13,0.29-0.35,0.48-0.66,0.55l0.83,10.7c0.01,0.17,0.1,0.28,0.22,0.32L29.63,14.39z"/>
+	<path class="st0" d="M32.76,6.67h1.81v8.49h-2.21v-8.4l-1.88,0.42V6.39l1.11-0.24c0.24-0.04,0.41-0.18,0.52-0.42l1.67-3.7h2.24
+		l-1.6,3.66c-0.18,0.46-0.53,0.74-1.02,0.84L32.76,6.67z M43.62,14.33v0.83l-3.28-0.56c-0.74-0.11-1.15-0.55-1.25-1.29L38.1,6.18
+		h-2.61V5.4h2.49l-0.48-3.36h2.21l0.49,3.36h1.01c0.14,0,0.21-0.07,0.21-0.21V2.43h2.07v2.9c0,0.57-0.28,0.85-0.85,0.85h-2.33
+		l1.04,7.24c0.04,0.36,0.25,0.57,0.6,0.62L43.62,14.33z"/>
+	<path class="st0" d="M44.48,2.3h4.82v0.78H48v4.54h1.16v0.78H48v5.04l1.3-0.25v0.85l-4.82,0.92v-0.85l1.3-0.25V8.41h-1.16V7.62
+		h1.16V3.08h-1.3V2.3z M57.62,14.23v0.8h-8.04v-0.8h2.91v-2.21h-2.66v-0.8h2.66V9.08h-1.81c-0.57,0-0.85-0.28-0.85-0.85V3.01
+		c0-0.57,0.28-0.85,0.85-0.85h5.83c0.57,0,0.85,0.28,0.85,0.85v5.21c0,0.57-0.28,0.85-0.85,0.85h-1.81v2.14h2.66v0.8h-2.66v2.21
+		H57.62z M52.16,2.94c-0.14,0-0.21,0.07-0.21,0.21v2.06h0.73V2.94H52.16z M51.95,8.08c0,0.14,0.07,0.21,0.21,0.21h0.52V6.01h-0.73
+		V8.08z M55.25,3.15c0-0.14-0.07-0.21-0.21-0.21h-0.52v2.27h0.73V3.15z M55.04,8.29c0.14,0,0.21-0.07,0.21-0.21V6.01h-0.73v2.28
+		H55.04z"/>
+</g>
+<g>
+	<path class="st0" d="M0.76,20.25c0.41,1.49,0.65,2.35,0.7,2.63h0.01c0.05-0.26,0.31-1.12,0.76-2.63h0.41
+		c0.52,1.79,0.68,2.31,0.73,2.56h0.01c0.08-0.33,0.21-0.78,0.73-2.56h0.42l-0.94,3.02H3.14c-0.31-1.08-0.66-2.26-0.72-2.56H2.42
+		c-0.06,0.31-0.37,1.32-0.74,2.56H1.22l-0.88-3.02H0.76z"/>
+	<path class="st0" d="M6.25,20.25c0.41,1.49,0.65,2.35,0.7,2.63h0.01c0.05-0.26,0.31-1.12,0.76-2.63h0.41
+		c0.52,1.79,0.68,2.31,0.73,2.56h0.01c0.08-0.33,0.21-0.78,0.73-2.56h0.42l-0.94,3.02H8.63c-0.31-1.08-0.66-2.26-0.72-2.56H7.91
+		c-0.06,0.31-0.37,1.32-0.74,2.56H6.71l-0.88-3.02H6.25z"/>
+	<path class="st0" d="M11.74,20.25c0.41,1.49,0.65,2.35,0.7,2.63h0.01c0.05-0.26,0.31-1.12,0.76-2.63h0.41
+		c0.52,1.79,0.68,2.31,0.73,2.56h0.01c0.08-0.33,0.21-0.78,0.73-2.56h0.42l-0.94,3.02h-0.44c-0.31-1.08-0.66-2.26-0.72-2.56H13.4
+		c-0.06,0.31-0.37,1.32-0.74,2.56H12.2l-0.88-3.02H11.74z"/>
+	<path class="st0" d="M16.7,23.27v-0.82h0.41v0.82H16.7z"/>
+	<path class="st0" d="M18.93,23.27v-4.41h0.4v4.41H18.93z"/>
+	<path class="st0" d="M23.41,22.66c0,0.27,0.02,0.52,0.04,0.61h-0.39c-0.02-0.07-0.04-0.21-0.05-0.43c-0.1,0.21-0.36,0.5-0.96,0.5
+		c-0.71,0-1.01-0.46-1.01-0.91c0-0.67,0.52-0.97,1.42-0.97c0.23,0,0.43,0,0.55,0v-0.29c0-0.29-0.09-0.65-0.72-0.65
+		c-0.56,0-0.65,0.29-0.71,0.53h-0.39c0.04-0.37,0.27-0.87,1.12-0.87c0.71,0,1.11,0.3,1.11,0.97V22.66z M23.01,21.76
+		c-0.11,0-0.36,0-0.54,0c-0.64,0-1.01,0.17-1.01,0.65c0,0.35,0.25,0.59,0.65,0.59c0.8,0,0.91-0.54,0.91-1.14V21.76z"/>
+	<path class="st0" d="M25.38,21.01c0-0.26,0-0.52-0.01-0.76h0.39c0.01,0.09,0.02,0.45,0.02,0.54c0.13-0.29,0.37-0.61,0.98-0.61
+		c0.55,0,1.01,0.32,1.01,1.14v1.95h-0.4v-1.89c0-0.5-0.2-0.83-0.7-0.83c-0.65,0-0.89,0.52-0.89,1.16v1.57h-0.4V21.01z"/>
+	<path class="st0" d="M30.13,18.86v1.87c0.16-0.29,0.45-0.55,0.97-0.55c0.45,0,1.02,0.24,1.02,1.17v1.92h-0.4v-1.85
+		c0-0.56-0.25-0.87-0.72-0.87c-0.57,0-0.87,0.36-0.87,1.05v1.67h-0.4v-4.41H30.13z"/>
+	<path class="st0" d="M36.38,22.39c0,0.29,0,0.74,0.01,0.88H36c-0.01-0.08-0.02-0.27-0.02-0.49c-0.14,0.35-0.44,0.56-0.95,0.56
+		c-0.47,0-0.99-0.21-0.99-1.1v-1.99h0.4v1.9c0,0.42,0.13,0.82,0.69,0.82c0.62,0,0.86-0.35,0.86-1.16v-1.56h0.4V22.39z"/>
+	<path class="st0" d="M38.35,18.86h0.4v0.62h-0.4V18.86z M38.35,20.25h0.4v3.02h-0.4V20.25z"/>
+	<path class="st0" d="M41.12,22.85v1.61h-0.4v-3.48c0-0.25,0-0.51-0.01-0.74h0.39c0.01,0.11,0.01,0.29,0.01,0.51
+		c0.18-0.34,0.5-0.58,1.03-0.58c0.71,0,1.21,0.59,1.21,1.5c0,1.08-0.58,1.66-1.31,1.66C41.53,23.34,41.26,23.12,41.12,22.85z
+		 M42.93,21.7c0-0.67-0.32-1.16-0.88-1.16c-0.68,0-0.96,0.43-0.96,1.21c0,0.76,0.22,1.23,0.92,1.23
+		C42.61,22.98,42.93,22.49,42.93,21.7z"/>
+	<path class="st0" d="M44.93,23.27v-0.82h0.41v0.82H44.93z"/>
+	<path class="st0" d="M49.44,22.36c-0.14,0.53-0.49,0.98-1.21,0.98c-0.79,0-1.32-0.58-1.32-1.57c0-0.84,0.46-1.59,1.35-1.59
+		c0.81,0,1.12,0.58,1.17,0.99h-0.4c-0.08-0.33-0.3-0.63-0.77-0.63c-0.59,0-0.93,0.5-0.93,1.23c0,0.7,0.32,1.23,0.9,1.23
+		c0.41,0,0.66-0.21,0.8-0.62H49.44z"/>
+	<path class="st0" d="M53.68,21.75c0,0.85-0.48,1.59-1.39,1.59c-0.84,0-1.35-0.67-1.35-1.58c0-0.88,0.49-1.58,1.38-1.58
+		C53.14,20.18,53.68,20.81,53.68,21.75z M51.35,21.76c0,0.69,0.36,1.23,0.96,1.23c0.61,0,0.95-0.5,0.95-1.23
+		c0-0.7-0.34-1.23-0.96-1.23C51.67,20.53,51.35,21.05,51.35,21.76z"/>
+	<path class="st0" d="M55.41,21.03c0-0.26,0-0.54-0.01-0.78h0.39c0.01,0.1,0.02,0.34,0.02,0.5c0.13-0.29,0.4-0.58,0.89-0.58
+		c0.42,0,0.74,0.21,0.86,0.57c0.16-0.3,0.45-0.57,0.97-0.57c0.48,0,0.95,0.28,0.95,1.11v1.98h-0.4v-1.94c0-0.38-0.14-0.79-0.66-0.79
+		c-0.54,0-0.78,0.43-0.78,0.99v1.74h-0.39v-1.92c0-0.42-0.12-0.8-0.64-0.8c-0.54,0-0.8,0.46-0.8,1.06v1.66h-0.4V21.03z"/>
+</g>
+</svg>
diff --git a/src/app/admin/_client/navbar.tsx b/src/app/admin/_client/navbar.tsx
index b349e99..6abbd80 100644
--- a/src/app/admin/_client/navbar.tsx
+++ b/src/app/admin/_client/navbar.tsx
@@ -4,8 +4,8 @@ import {merge} from '@/lib/utils'
 import {useLayoutStore} from '@/components/providers/StoreProvider'
 import Link from 'next/link'
 import Image from 'next/image'
-import logo from '@/assets/logo.webp'
-import logoMini from '../_assets/logo-mini.webp'
+import logoAvatar from '../_assets/logo-avatar.svg'
+import logoText from '../_assets/logo-text.svg'
 
 export type NavbarProps = {}
 
@@ -15,18 +15,31 @@ export default function Navbar(props: NavbarProps) {
 
   return (
     <nav data-expand={navbar} className={merge(
-      `transition-[flex-basis] duration-200 ease-in-out`,
+      `transition-[flex-basis] duration-300 ease-in-out`,
+      `flex-none`,
       `flex flex-col overflow-hidden group`,
       `data-[expand=true]:basis-52 data-[expand=false]:basis-16`,
+      ` `,
     )}>
       {/* logo */}
-      <Logo mini={!navbar}/>
+      <Link href={'/'} className={merge(
+        `flex-none h-[64px] flex items-center justify-center`,
+      )}>
+        <Image src={logoAvatar} alt={`logo`} className={`w-10 h-10 object-contain`}/>
+        <Image src={logoText} alt={`logo`} className={merge(
+          `h-10 translate-1 object-cover object-left`,
+          `transition-[opacity,width] duration-[200ms,300ms] ease-in-out`,
+          `group-data-[expand=true]:delay-[100ms,0ms]`,
+          `group-data-[expand=true]:opacity-100 group-data-[expand=false]:opacity-0`,
+          `group-data-[expand=true]:w-[85px] group-data-[expand=false]:w-0`,
+        )}/>
+      </Link>
 
       {/* routes */}
       <section className={merge(
-        `transition-[padding] duration-200 ease-in-out`,
+        `transition-[padding] duration-300 ease-in-out`,
         `flex-auto overflow-auto`,
-        `data-[expand=true]:px-4 data-[expand=false]:px-3`,
+        `group-data-[expand=true]:px-4 group-data-[expand=false]:px-3`,
       )}>
         <NavItem href={'/admin'} icon={`🏠`} label={`账户总览`}/>
         <NavTitle label={`个人信息`}/>
@@ -47,38 +60,23 @@ export default function Navbar(props: NavbarProps) {
   )
 }
 
-function Logo(props: {
-  mini?: boolean
-}) {
-  return (
-    <div className={`flex-none h-[64px] flex items-center justify-center`}>
-      <Link href={'/'} className="block">
-        {props.mini
-          ? <Image src={logoMini} alt={`logo`} className="h-9 object-contain"/>
-          : <Image src={logo} alt={`logo`} className="h-9 object-contain"/>
-        }
-      </Link>
-    </div>
-  )
-}
-
 function NavTitle(props: {
   label: string
 }) {
   return (
     <p className={merge(
-      `transition-[height] duration-200 ease-in-out`,
+      `transition-[height] duration-300 ease-in-out`,
       `text-sm text-gray-500 whitespace-nowrap flex items-center relative`,
       `group-data-[expand=true]:h-9`,
       `group-data-[expand=false]:h-4`,
     )}>
       <span className={merge(
-        `transition-[opacity] duration-150 ease-in-out absolute mx-4`,
-        `group-data-[expand=true]:delay-[50ms] group-data-[expand=true]:opacity-100 group-data-[expand=false]:opacity-0`,
+        `transition-[opacity] duration-200 ease-in-out absolute mx-4`,
+        `group-data-[expand=true]:delay-100 group-data-[expand=true]:opacity-100 group-data-[expand=false]:opacity-0`,
       )}>{props.label}</span>
       <span className={merge(
-        `transition-[opacity] duration-150 ease-in-out absolute w-full border-b block`,
-        `group-data-[expand=false]:delay-[50ms] group-data-[expand=false]:opacity-100 group-data-[expand=true]:opacity-0`,
+        `transition-[opacity] duration-200 ease-in-out absolute w-full border-b block`,
+        `group-data-[expand=false]:delay-100 group-data-[expand=false]:opacity-100 group-data-[expand=true]:opacity-0`,
       )}></span>
     </p>
   )
@@ -91,7 +89,7 @@ function NavItem(props: {
 }) {
   return (
     <Link className={merge(
-      `transition-[padding] duration-200 ease-in-out`,
+      `transition-[padding] duration-300 ease-in-out`,
       `flex items-center rounded-md gap-2 whitespace-nowrap`,
       `hover:bg-gray-100`,
       `group-data-[expand=true]:px-4`,
@@ -99,7 +97,7 @@ function NavItem(props: {
       <span className={`flex-none w-10 h-10 flex items-center justify-center`}>{props.icon}</span>
       <span className={merge(
         `flex-auto`,
-        `transition-[width,opacity] duration-200 ease-in-out`,
+        `transition-[width,opacity] duration-300 ease-in-out`,
         `group-data-[expand=true]:w-auto group-data-[expand=true]:opacity-100`,
         `group-data-[expand=false]:w-0 group-data-[expand=false]:opacity-0`,
       )}>{props.label}</span>