chore: 移除多余代码

Author: 1sen3

package.json

@@ -1,7 +1,7 @@
 {
   "name": "yee-music",
   "private": true,
-  "version": "0.1.8",
+  "version": "0.1.9",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/home/section.tsx

@@ -4,7 +4,7 @@ import {
   CaretRight24Filled,
   ChevronRight24Regular,
 } from "@fluentui/react-icons";
-import React, { ReactNode, useEffect, useRef, useState } from "react";
+import { ReactNode, useEffect, useRef, useState } from "react";
 import { YeeButton } from "../yee-button";
 
 interface SectionProps {

src/components/home/song-preview.tsx

@@ -1,4 +1,3 @@
-import { Skeleton } from "@/components/ui/skeleton";
 import { getSongDetail } from "@/lib/services/song";
 import { likeSong } from "@/lib/services/user";
 import { usePlayerStore } from "@/lib/store/playerStore";
@@ -19,7 +18,7 @@ import { useContextMenuStore } from "@/lib/store/contextMenuStore";
 
 export function SongPreview({ resources }: { resources: Resource[] }) {
   return (
-    <div className="flex flex-col gap-6 basis-[calc((100%_-_1rem)/2)]">
+    <div className="flex flex-col gap-6 basis-[calc((100%-1rem)/2)]">
       {resources.map((res) => (
         <SongPreviewItem resource={res} key={res.resourceId} />
       ))}

src/components/home/voice-preview.tsx

@@ -8,7 +8,7 @@ import {
 
 export function VoicePreview({ creatives }: { creatives: creative[] }) {
   return (
-    <div className="flex flex-col gap-6 basis-[calc((100%_-_1rem)/2)]">
+    <div className="flex flex-col gap-6 basis-[calc((100%-1rem)/2)]">
       {creatives.map((creative) => (
         <VoicePreviewItem creative={creative} key={creative.creativeId} />
       ))}

src/components/modal/logout-form.tsx

@@ -6,7 +6,6 @@ import {
   YeeDialogCloseButton,
   YeeDialogPrimaryButton,
 } from "../yee-dialog";
-import { useTheme } from "../providers/theme-provider";
 
 export function LogoutForm({
   open,
@@ -15,8 +14,6 @@ export function LogoutForm({
   open: boolean;
   onOpenChange?: (open: boolean) => void;
 }) {
-  const { theme } = useTheme();
-
   const storeLogout = useUserStore((state) => state.logout);
 
   async function handleLogout() {
@@ -38,19 +35,15 @@ export function LogoutForm({
       showTitle={true}
       footer={
         <div className="w-full flex gap-2">
-          <YeeDialogCloseButton variant={theme === "dark" ? "dark" : "light"}>
-            取消
-          </YeeDialogCloseButton>
+          <YeeDialogCloseButton>取消</YeeDialogCloseButton>
           <YeeDialogPrimaryButton
             onClick={handleLogout}
-            variant={theme === "dark" ? "dark" : "light"}
             className="bg-destructive hover:bg-destructive/80"
           >
             确定
           </YeeDialogPrimaryButton>
         </div>
       }
-      variant={theme === "dark" ? "dark" : "light"}
     >
       <span>确定要退出登录吗？</span>
     </YeeDialog>

src/components/modal/playlist-add-form.tsx

@@ -53,7 +53,6 @@ export function PlaylistAddForm({
 
   return (
     <YeeDialog
-      variant="light"
       title="新建歌单"
       asForm
       showTitle={false}

src/components/playlist/playlist-delete-button.tsx

@@ -51,7 +51,6 @@ export function PlaylistDeleteButton({ playlist }: { playlist: Playlist }) {
 
   return (
     <YeeDialog
-      variant={theme === "dark" ? "dark" : "light"}
       title="删除歌单"
       asForm={false}
       showTitle

src/components/playlist/playlist-edit-button.tsx

@@ -79,7 +79,6 @@ export function PlaylistEditButton({
 
   return (
     <YeeDialog
-      variant={theme === "dark" ? "dark" : "light"}
       title="编辑歌单"
       open={open}
       onOpenChange={(val) => {

src/components/titlebar/titlebar.tsx

@@ -100,7 +100,7 @@ export function Titlebar() {
         </div>
       </div>
 
-      <div className="flex flex-1 justify-center shrink-0 min-w-[200px]">
+      <div className="flex flex-1 justify-center shrink-0 min-w-50">
         <div onMouseDown={(e) => e.stopPropagation()}>
           <SearchInput />
         </div>

src/components/yee-image-uploader.tsx

@@ -102,7 +102,6 @@ function YeeCropperDialog({
 
   return (
     <YeeDialog
-      variant={theme === "dark" ? "dark" : "light"}
       title="裁剪图片"
       asForm={false}
       open={!!image}
@@ -128,7 +127,7 @@ function YeeCropperDialog({
       }
     >
       <div className="flex flex-col gap-8 p-4">
-        <div className="relative w-full h-[400px] bg-card/5 rounded-xl overflow-hidden">
+        <div className="relative w-full h-100 bg-card/5 rounded-xl overflow-hidden">
           {image && (
             <Cropper
               image={image}