cstb/cstb-next
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

[feat] fix list update + add dark mode and switch

Browse Source
This commit is contained in:
Purp1e
2025-03-12 13:07:16 +08:00
parent 9103150562
commit 0c102dfd63
10 changed files with 240 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/globals.css
View File

@@ -10,8 +10,6 @@ body {
height: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
/* background: transparent; */
background: rgba(242, 241, 243, 0.65);
border-radius: 10px;
}

2
src/app/layout.tsx
View File

@@ -15,7 +15,7 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body>
<body className="bg-[rgba(242, 241, 243, 0.65)] dark:bg-zinc-900">
<Providers>{children}</Providers>
</body>
</html>

7
src/app/providers.tsx
View File

@@ -1,12 +1,15 @@
"use client"
import { HeroUIProvider } from "@heroui/react"
import { ToastProvider } from "@heroui/toast"
import { ThemeProvider as NextThemesProvider } from "next-themes"
export default function Providers({ children }: { children: React.ReactNode }) {
return (
<HeroUIProvider className="h-full bg-transparent">
<ToastProvider toastOffset={10} placement="top-center" />
{children}
<NextThemesProvider attribute="class" defaultTheme="light">
<ToastProvider toastOffset={10} placement="top-center" />
{children}
</NextThemesProvider>
</HeroUIProvider>
)
}

16
src/components/cstb/LaunchOption.tsx
View File

@@ -3,15 +3,16 @@ import { Plus, SettingConfig, Switch } from "@icon-park/react"
import { Card, CardBody, CardHeader, CardIcon, CardTool } from "../window/Card"
import { ToolButton } from "../window/ToolButton"
import { useSnapshot } from "valtio"
import { useEffect, useState } from "react"
import { use, useEffect, useState } from "react"
const LaunchOption = () => {
toolStore.start()
const { launchOptions, launchIndex } = useSnapshot(toolStore.state)
const [currentLaunchOption, setCurrentLaunchOption] = useState(launchOptions[0])
useEffect(() => {
setCurrentLaunchOption(launchOptions[launchIndex] || '')
}, [launchIndex])
;async () => {
toolStore.start()
}
}, [])
const { launchOptions, launchIndex } = useSnapshot(toolStore.state)
return (
<Card>
@@ -36,11 +37,10 @@ const LaunchOption = () => {
<CardBody>
<textarea
placeholder="请输入启动选项"
value={currentLaunchOption}
value={launchOptions[launchIndex] || ""}
onChange={(e) => launchIndex !== -1 && setLaunchOption(e.target.value, launchIndex)}
className="w-full font-mono text-base bg-transparent outline-none resize-none min-h-20"
/>
<p>{launchIndex}</p>
</CardBody>
</Card>
)

2
src/components/window/Card.tsx
View File

@@ -11,7 +11,7 @@ interface CardProps {
const Card = ({ children }: CardProps) => {
return (
<div
className="dark:from-black/10 dark:to-black/5 dark:border-white/[6%] px-3 pt-3 pb-4 flex flex-col gap-2.5 border w-full rounded-lg bg-white/40 border-black/[6%]"
className="dark:bg-white/[3%] dark:border-white/[6%] px-3 pt-3 pb-4 flex flex-col gap-2.5 border w-full rounded-lg bg-white/40 border-black/[6%]"
data-tauri-drag-region
>
{children}

15
src/components/window/Nav.tsx
View File

@@ -2,13 +2,16 @@
import { resetAppStore } from "@/store/app"
import { resetToolStore } from "@/store/tool"
import { addToast } from "@heroui/react"
import { Close, Minus, Refresh, RocketOne, Square } from "@icon-park/react"
import { Close, Minus, Moon, Refresh, RefreshOne, RocketOne, Square, Sun, SunOne } from "@icon-park/react"
import { useTheme } from "next-themes"
import { getCurrentWindow } from "@tauri-apps/api/window"
import { /* relaunch, */ exit } from "@tauri-apps/plugin-process"
import { /* relaunch, */ exit, relaunch } from "@tauri-apps/plugin-process"
// import { platform } from "@tauri-apps/plugin-os"
import { usePathname, useRouter } from "next/navigation"
const Nav = () => {
const { theme, setTheme } = useTheme()
const close = async () => {
// (await window.hideOnClose) ? getCurrent().hide() : exit();
await exit()
@@ -62,6 +65,14 @@ const Nav = () => {
<RocketOne size={16} />
</button>
<button
type="button"
className="px-2 py-0 transition duration-150 rounded hover:bg-zinc-200/80 active:scale-95"
onClick={() => (theme === "light" ? setTheme("dark") : setTheme("light"))}
>
{theme === "light" ? <SunOne size={16} /> : <Moon size={16} />}
</button>
{/* { platform() === "windows" && ( */}
<>
<button

6
src/store/tool.ts
View File

@@ -2,7 +2,11 @@ import { store } from 'tauri-plugin-valtio';
import { DEFAULT_STORE_CONFIG } from '.';
const defaultValue = {
launchOptions: [] as string[],
launchOptions: [
"-novid -high -freq 144 -fullscreen",
"-novid -high -w 1920 -h 1080 -freq 144 -sw -noborder",
"-novid -high -freq 144 -fullscreen -allow_third_party_software"
] as string[],
launchIndex: 0,
powerPlan: 0
}