diff --git a/app/admin/about/page.tsx b/app/admin/about/page.tsx
index a889ff2..67f7b28 100644
--- a/app/admin/about/page.tsx
+++ b/app/admin/about/page.tsx
@@ -53,7 +53,7 @@ export default function About() {
           />
         </svg>
 
-        <p className="whitespace-nowrap text-sm">v2.0.3</p>
+        <p className="whitespace-nowrap text-sm">v2.0.4</p>
       </span>
       <span>PicImpact 是一个摄影师专用的摄影作品展示网站，基于 Next.js + Hono.js 开发。</span>
       <div className="flex flex-col w-full">
diff --git a/components/LivePhoto.tsx b/components/LivePhoto.tsx
index e73a0a7..f710001 100644
--- a/components/LivePhoto.tsx
+++ b/components/LivePhoto.tsx
@@ -2,8 +2,9 @@
 
 import * as React from 'react'
 import { useEffect, useRef } from 'react'
+import { cn } from '~/lib/utils'
 
-export default function LivePhoto({ url, videoUrl }: { url: string; videoUrl: string }) {
+export default function LivePhoto({ url, videoUrl, className }: { url: string; videoUrl: string; className?: string }) {
   const livePhotoRef = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
@@ -23,6 +24,8 @@ export default function LivePhoto({ url, videoUrl }: { url: string; videoUrl: st
   }, [livePhotoRef, url, videoUrl])
 
   return (
-    <div ref={livePhotoRef} className="w-full md:max-h-[90vh]"/>
+    <div ref={livePhotoRef} className={
+      cn(className, "w-full object-contain h-[36vh]")
+    } />
   )
 }
diff --git a/components/MasonryItem.tsx b/components/MasonryItem.tsx
index 7e9160d..62e346f 100644
--- a/components/MasonryItem.tsx
+++ b/components/MasonryItem.tsx
@@ -127,6 +127,7 @@ export default function MasonryItem() {
                 : <LivePhoto
                   url={MasonryViewData.preview_url || MasonryViewData.url}
                   videoUrl={MasonryViewData.video_url}
+                  className="md:h-[90vh] md:max-h-[90vh]"
                 />
           }
           </div>
diff --git a/components/admin/album/AlbumAddSheet.tsx b/components/admin/album/AlbumAddSheet.tsx
index 7d1c8a8..81d1ddc 100644
--- a/components/admin/album/AlbumAddSheet.tsx
+++ b/components/admin/album/AlbumAddSheet.tsx
@@ -58,7 +58,7 @@ export default function AlbumAddSheet(props : Readonly<HandleProps>) {
       onOpenChange={() => setAlbumAdd(!albumAdd)}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>新增相册</SheetTitle>
           <SheetDescription className="space-y-2">
diff --git a/components/admin/album/AlbumEditSheet.tsx b/components/admin/album/AlbumEditSheet.tsx
index 1b5d751..17a86f5 100644
--- a/components/admin/album/AlbumEditSheet.tsx
+++ b/components/admin/album/AlbumEditSheet.tsx
@@ -66,7 +66,7 @@ export default function AlbumEditSheet(props : Readonly<HandleProps>) {
       }}
       modal={false}
     >
-      <SheetContent side="left" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>编辑相册</SheetTitle>
         </SheetHeader>
diff --git a/components/admin/album/AlbumHelpSheet.tsx b/components/admin/album/AlbumHelpSheet.tsx
index a846135..9698208 100644
--- a/components/admin/album/AlbumHelpSheet.tsx
+++ b/components/admin/album/AlbumHelpSheet.tsx
@@ -19,7 +19,7 @@ export default function AlbumHelpSheet() {
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide">
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide">
         <SheetHeader>
           <SheetTitle>帮助</SheetTitle>
           <SheetDescription className="space-y-2">
diff --git a/components/admin/copyright/CopyrightAddSheet.tsx b/components/admin/copyright/CopyrightAddSheet.tsx
index b8c0449..6d617ea 100644
--- a/components/admin/copyright/CopyrightAddSheet.tsx
+++ b/components/admin/copyright/CopyrightAddSheet.tsx
@@ -70,7 +70,7 @@ export default function CopyrightAddSheet(props : Readonly<HandleProps>) {
       onOpenChange={() => setCopyrightAdd(!copyrightAdd)}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>新增版权</SheetTitle>
         </SheetHeader>
diff --git a/components/admin/copyright/CopyrightEditSheet.tsx b/components/admin/copyright/CopyrightEditSheet.tsx
index 156e188..8dfa18d 100644
--- a/components/admin/copyright/CopyrightEditSheet.tsx
+++ b/components/admin/copyright/CopyrightEditSheet.tsx
@@ -74,7 +74,7 @@ export default function CopyrightEditSheet(props : Readonly<HandleProps>) {
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>编辑版权</SheetTitle>
         </SheetHeader>
diff --git a/components/admin/list/ImageBatchDeleteSheet.tsx b/components/admin/list/ImageBatchDeleteSheet.tsx
index 5495862..4d38a32 100644
--- a/components/admin/list/ImageBatchDeleteSheet.tsx
+++ b/components/admin/list/ImageBatchDeleteSheet.tsx
@@ -71,7 +71,7 @@ export default function ImageBatchDeleteSheet(props : Readonly<ImageServerHandle
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>批量删除</SheetTitle>
         </SheetHeader>
diff --git a/components/admin/list/ImageEditSheet.tsx b/components/admin/list/ImageEditSheet.tsx
index 556edf7..ff34084 100644
--- a/components/admin/list/ImageEditSheet.tsx
+++ b/components/admin/list/ImageEditSheet.tsx
@@ -70,7 +70,7 @@ export default function ImageEditSheet(props : Readonly<ImageServerHandleProps &
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>编辑图片</SheetTitle>
         </SheetHeader>
@@ -120,6 +120,21 @@ export default function ImageEditSheet(props : Readonly<ImageServerHandleProps &
               className="mt-1 w-full border-none p-0 focus:border-transparent focus:outline-none focus:ring-0 sm:text-sm"
             />
           </label>
+          <label
+            htmlFor="video_url"
+            className="block overflow-hidden rounded-md border border-gray-200 px-3 py-2 shadow-sm focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600"
+          >
+            <span className="text-xs font-medium text-gray-700"> 视频链接 </span>
+
+            <input
+              type="text"
+              id="video_url"
+              placeholder="输入视频链接"
+              value={image?.video_url}
+              onChange={(e) => setImageEditData({...image, video_url: e.target.value})}
+              className="mt-1 w-full border-none p-0 focus:border-transparent focus:outline-none focus:ring-0 sm:text-sm"
+            />
+          </label>
           <label
             htmlFor="detail"
             className="block overflow-hidden rounded-md border border-gray-200 px-3 py-2 shadow-sm focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600"
diff --git a/components/admin/list/ImageHelpSheet.tsx b/components/admin/list/ImageHelpSheet.tsx
index 1a68119..29d99cb 100644
--- a/components/admin/list/ImageHelpSheet.tsx
+++ b/components/admin/list/ImageHelpSheet.tsx
@@ -19,7 +19,7 @@ export default function ImageHelpSheet() {
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide">
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide">
         <SheetHeader>
           <SheetTitle>帮助</SheetTitle>
           <SheetDescription className="space-y-2">
diff --git a/components/admin/list/ImageView.tsx b/components/admin/list/ImageView.tsx
index 41eb265..7e14e24 100644
--- a/components/admin/list/ImageView.tsx
+++ b/components/admin/list/ImageView.tsx
@@ -9,12 +9,13 @@ import { fetcher } from '~/lib/utils/fetcher'
 import useSWR from 'swr'
 import ExifView from '~/components/ExifView'
 import { Switch } from '~/components/ui/switch'
+import LivePhoto from '~/components/LivePhoto.tsx'
 
 export default function ImageView() {
   const { imageView, imageViewData, setImageView, setImageViewData } = useButtonStore(
     (state) => state,
   )
-  const { data, isLoading } = useSWR('/api/v1/copyrights/get', fetcher)
+  const { data } = useSWR('/api/v1/copyrights/get', fetcher)
 
   const fieldNames = { label: 'name', value: 'id' }
 
@@ -33,15 +34,19 @@ export default function ImageView() {
         }
       }}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide">
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide">
         <SheetHeader>
           <SheetTitle>{imageViewData.title}</SheetTitle>
         </SheetHeader>
         <div className="mt-4 space-y-2">
-          <img
-            src={imageViewData.preview_url || imageViewData.url}
-            alt={imageViewData.detail}
-          />
+          {imageViewData?.type === 1 ?
+            <img
+              src={imageViewData.preview_url || imageViewData.url}
+              alt={imageViewData.detail}
+            />
+            :
+            <LivePhoto url={imageViewData.preview_url || imageViewData.url} videoUrl={imageViewData.video_url} />
+          }
           {imageViewData?.labels &&
             <div className="space-x-1">
               {imageViewData?.labels.map((tag: string) => (
diff --git a/components/admin/settings/storages/AListEditSheet.tsx b/components/admin/settings/storages/AListEditSheet.tsx
index 52b6240..d505a6b 100644
--- a/components/admin/settings/storages/AListEditSheet.tsx
+++ b/components/admin/settings/storages/AListEditSheet.tsx
@@ -49,7 +49,7 @@ export default function AListEditSheet() {
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>编辑 AList</SheetTitle>
         </SheetHeader>
diff --git a/components/admin/settings/storages/R2EditSheet.tsx b/components/admin/settings/storages/R2EditSheet.tsx
index 424975c..b958443 100644
--- a/components/admin/settings/storages/R2EditSheet.tsx
+++ b/components/admin/settings/storages/R2EditSheet.tsx
@@ -49,7 +49,7 @@ export default function S3EditSheet() {
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>编辑 Cloudflare R2</SheetTitle>
         </SheetHeader>
diff --git a/components/admin/settings/storages/S3EditSheet.tsx b/components/admin/settings/storages/S3EditSheet.tsx
index 24a42cb..aa8661c 100644
--- a/components/admin/settings/storages/S3EditSheet.tsx
+++ b/components/admin/settings/storages/S3EditSheet.tsx
@@ -49,7 +49,7 @@ export default function S3EditSheet() {
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide" onInteractOutside={(event: any) => event.preventDefault()}>
         <SheetHeader>
           <SheetTitle>编辑 S3</SheetTitle>
         </SheetHeader>
diff --git a/components/admin/upload/FileUpload.tsx b/components/admin/upload/FileUpload.tsx
index cfe8e27..a5b463e 100644
--- a/components/admin/upload/FileUpload.tsx
+++ b/components/admin/upload/FileUpload.tsx
@@ -898,7 +898,7 @@ export default function FileUpload() {
         }}
         modal={false}
       >
-        <SheetContent side="left" className="overflow-y-auto scrollbar-hide space-y-2"
+        <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide space-y-2"
                       onInteractOutside={(event: any) => event.preventDefault()}>
           <SheetHeader>
             <SheetTitle>手动上传</SheetTitle>
diff --git a/components/admin/upload/FileUploadHelpSheet.tsx b/components/admin/upload/FileUploadHelpSheet.tsx
index 602025e..559a828 100644
--- a/components/admin/upload/FileUploadHelpSheet.tsx
+++ b/components/admin/upload/FileUploadHelpSheet.tsx
@@ -19,7 +19,7 @@ export default function FileUploadHelpSheet() {
       }}
       modal={false}
     >
-      <SheetContent side="left" className="overflow-y-auto scrollbar-hide">
+      <SheetContent side="left" className="w-full overflow-y-auto scrollbar-hide">
         <SheetHeader>
           <SheetTitle>帮助</SheetTitle>
           <SheetDescription className="space-y-2">
diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx
index ac58695..9390626 100644
--- a/components/ui/sheet.tsx
+++ b/components/ui/sheet.tsx
@@ -80,7 +80,7 @@ const SheetHeader = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
+      "flex flex-col space-y-2 text-center text-left",
       className
     )}
     {...props}
diff --git a/package.json b/package.json
index 212be09..9aaa14e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "picimpact",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "private": true,
   "author": "Bess Croft <besscroft@foxmail.com>",
   "packageManager": "pnpm@9.7.1",
@@ -49,10 +49,10 @@
     "crypto-js": "^4.2.0",
     "cuid": "^3.0.0",
     "dayjs": "^1.11.13",
-    "exifreader": "^4.24.0",
-    "framer-motion": "^11.11.10",
+    "exifreader": "^4.25.0",
+    "framer-motion": "^11.11.17",
     "heic2any": "^0.0.4",
-    "hono": "^4.6.7",
+    "hono": "^4.6.11",
     "input-otp": "^1.2.4",
     "livephotoskit": "^1.5.6",
     "lucide-react": "^0.454.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 140759a..b47c731 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19,7 +19,7 @@ importers:
         version: 3.679.0
       '@hono/node-server':
         specifier: ^1.13.3
-        version: 1.13.3(hono@4.6.7)
+        version: 1.13.3(hono@4.6.11)
       '@hookform/resolvers':
         specifier: ^3.9.1
         version: 3.9.1(react-hook-form@7.53.1(react@19.0.0-rc-5c56b873-20241107))
@@ -99,17 +99,17 @@ importers:
         specifier: ^1.11.13
         version: 1.11.13
       exifreader:
-        specifier: ^4.24.0
-        version: 4.24.0
+        specifier: ^4.25.0
+        version: 4.25.0
       framer-motion:
-        specifier: ^11.11.10
-        version: 11.11.10(react-dom@19.0.0-rc-5c56b873-20241107(react@19.0.0-rc-5c56b873-20241107))(react@19.0.0-rc-5c56b873-20241107)
+        specifier: ^11.11.17
+        version: 11.11.17(react-dom@19.0.0-rc-5c56b873-20241107(react@19.0.0-rc-5c56b873-20241107))(react@19.0.0-rc-5c56b873-20241107)
       heic2any:
         specifier: ^0.0.4
         version: 0.0.4
       hono:
-        specifier: ^4.6.7
-        version: 4.6.7
+        specifier: ^4.6.11
+        version: 4.6.11
       input-otp:
         specifier: ^1.2.4
         version: 1.2.4(react-dom@19.0.0-rc-5c56b873-20241107(react@19.0.0-rc-5c56b873-20241107))(react@19.0.0-rc-5c56b873-20241107)
@@ -2335,8 +2335,8 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
-  exifreader@4.24.0:
-    resolution: {integrity: sha512-5RJKIminZQ9KnWWrcPE8385kV58FntwRwHXGzg672ezkcTDVm6XZSgsGczY3TwVqaJ3Xd6INT596k5kb2Rg1jw==}
+  exifreader@4.25.0:
+    resolution: {integrity: sha512-lPyPXWTUuYgoKdKf3rw2EDoE9Zl7xHoy/ehPNeQ4gFVNLzfLyNMP4oEI+sP0/Czp5r/2i7cFhqg5MHsl4FYtyw==}
 
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
@@ -2395,8 +2395,8 @@ packages:
   fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
 
-  framer-motion@11.11.10:
-    resolution: {integrity: sha512-061Bt1jL/vIm+diYIiA4dP/Yld7vD47ROextS7ESBW5hr4wQFhxB5D5T5zAc3c/5me3cOa+iO5LqhA38WDln/A==}
+  framer-motion@11.11.17:
+    resolution: {integrity: sha512-O8QzvoKiuzI5HSAHbcYuL6xU+ZLXbrH7C8Akaato4JzQbX2ULNeniqC2Vo5eiCtFktX9XsJ+7nUhxcl2E2IjpA==}
     peerDependencies:
       '@emotion/is-prop-valid': '*'
       react: ^18.0.0
@@ -2512,8 +2512,8 @@ packages:
   heic2any@0.0.4:
     resolution: {integrity: sha512-3lLnZiDELfabVH87htnRolZ2iehX9zwpRyGNz22GKXIu0fznlblf0/ftppXKNqS26dqFSeqfIBhAmAj/uSp0cA==}
 
-  hono@4.6.7:
-    resolution: {integrity: sha512-wX4ZbOnzfNO61hUjuQbJ7OPGs1fWXXVVJ8VTPDb2Ls/x9HjCbVTm80Je6VTHMz5n5RGDtBgV9d9ZFZxBqx56ng==}
+  hono@4.6.11:
+    resolution: {integrity: sha512-f0LwJQFKdUUrCUAVowxSvNCjyzI7ZLt8XWYU/EApyeq5FfOvHFarBaE5rjU9HTNFk4RI0FkdB2edb3p/7xZjzQ==}
     engines: {node: '>=16.9.0'}
 
   ignore@5.3.2:
@@ -4483,9 +4483,9 @@ snapshots:
 
   '@floating-ui/utils@0.2.7': {}
 
-  '@hono/node-server@1.13.3(hono@4.6.7)':
+  '@hono/node-server@1.13.3(hono@4.6.11)':
     dependencies:
-      hono: 4.6.7
+      hono: 4.6.11
 
   '@hookform/resolvers@3.9.1(react-hook-form@7.53.1(react@19.0.0-rc-5c56b873-20241107))':
     dependencies:
@@ -6618,7 +6618,7 @@ snapshots:
 
   esutils@2.0.3: {}
 
-  exifreader@4.24.0:
+  exifreader@4.25.0:
     optionalDependencies:
       '@xmldom/xmldom': 0.9.5
 
@@ -6689,7 +6689,7 @@ snapshots:
 
   fraction.js@4.3.7: {}
 
-  framer-motion@11.11.10(react-dom@19.0.0-rc-5c56b873-20241107(react@19.0.0-rc-5c56b873-20241107))(react@19.0.0-rc-5c56b873-20241107):
+  framer-motion@11.11.17(react-dom@19.0.0-rc-5c56b873-20241107(react@19.0.0-rc-5c56b873-20241107))(react@19.0.0-rc-5c56b873-20241107):
     dependencies:
       tslib: 2.6.3
     optionalDependencies:
@@ -6808,7 +6808,7 @@ snapshots:
 
   heic2any@0.0.4: {}
 
-  hono@4.6.7: {}
+  hono@4.6.11: {}
 
   ignore@5.3.2: {}
 
diff --git a/server/db/operate.ts b/server/db/operate.ts
index a5ed065..74becc5 100644
--- a/server/db/operate.ts
+++ b/server/db/operate.ts
@@ -214,7 +214,7 @@ export async function updateImage(image: ImageType) {
     image.sort = 0
   }
   await db.$transaction(async (tx) => {
-    const resultRow = await tx.images.update({
+    await tx.images.update({
       where: {
         id: image.id
       },
@@ -222,6 +222,7 @@ export async function updateImage(image: ImageType) {
         url: image.url,
         title: image.title,
         preview_url: image.preview_url,
+        video_url: image.video_url,
         exif: image.exif,
         labels: image.labels,
         detail: image.detail,