zhhe/roll-call
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bar

Browse Source
This commit is contained in:
He
2026-06-15 19:18:28 +08:00
parent 325c267f0c
commit 02c5694189
8 changed files with 125 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/page.tsx
+8 -1
View File
@@ -4,6 +4,7 @@ import { NumberBall } from "@/components/number-ball"
import { SettingsPanel } from "@/components/settings"
import { ResultPanel } from "@/components/result"
import { SingleModePanel } from "@/components/single-panel"
import { TitleBar } from "@/components/title-bar"
import { useRollCallLogic } from "@/components/logic"
export default function Page() {
@@ -11,7 +12,12 @@ export default function Page() {
const isSingleMode = state.mode === "single"
return (
<div className="h-screen w-full bg-[#ffffff] text-[#16191f] font-mono flex flex-col lg:flex-row overflow-hidden">
<div className="h-screen w-full bg-[#0f141a] text-[#16191f] font-mono flex flex-col overflow-hidden">
{/* Custom title bar */}
<TitleBar />
{/* Main content */}
<div className="flex-1 bg-[#ffffff] flex flex-col lg:flex-row overflow-hidden">
{/* Left sidebar — config (fixed width, full height) */}
<aside className="w-full lg:w-72 flex-shrink-0 border-b lg:border-b-0 lg:border-r border-[#e2e6ea] bg-[#f7f8fa] overflow-y-auto scrollbar-thin">
@@ -124,6 +130,7 @@ export default function Page() {
</main>
</div>
</div>
)
}
components/logic.tsx
+17 -8
View File
@@ -91,14 +91,23 @@ export interface RollCallActions {
}
export const COLORS = [
"#0f141a", // 黑色
"#d92d20", // 红色
"#0070f3", // 蓝色
"#6d6df6", // 紫色
"#00b8d9", // 青色
"#36b37e", // 绿色
"#ff991f", // 橙色
"#8754ad", // 深紫
"#d92d20",
"#0070f3",
"#6d6df6",
"#00b8d9",
"#36b37e",
"#ff991f",
"#8754ad",
"#e63946",
"#457b9d",
"#2a9d8f",
"#f4a261",
"#264653",
"#9d4edd",
"#fb5607",
"#06d6a0",
"#118ab2",
"#ffd166",
]
export function useRollCallLogic(): [RollCallState, RollCallActions] {
components/settings.tsx
-7
View File
@@ -101,13 +101,6 @@ export function SettingsPanel({
return (
<div className="flex flex-col gap-0">
{/* Title */}
<div className="flex items-center gap-2 mb-6">
<span className="w-2 h-2 bg-[#0f141a] flex-shrink-0" />
<span className="text-sm tracking-[0.2em] uppercase text-[#16191f] leading-none">ROLL CALL</span>
</div>
{/* Mode selector */}
<div className="flex gap-2 mb-6">
<button
components/title-bar.tsx
+77
View File
@@ -0,0 +1,77 @@
"use client"
import { getCurrentWindow } from '@tauri-apps/api/window'
export function TitleBar() {
const handleMinimize = async () => {
const window = getCurrentWindow()
await window.minimize()
}
const handleMaximize = async () => {
const window = getCurrentWindow()
const isMaximized = await window.isMaximized()
if (isMaximized) {
await window.unmaximize()
} else {
await window.maximize()
}
}
const handleClose = async () => {
const window = getCurrentWindow()
await window.close()
}
return (
<div
className="h-10 bg-[#ffffff] flex items-center justify-between px-4 select-none border-b border-[#e2e6ea]"
style={{
WebkitAppRegion: 'drag'
} as React.CSSProperties}
>
{/* Left: App title */}
<div className="flex items-center gap-2">
<span className="w-2 h-2 bg-[#0f141a] flex-shrink-0" />
<span className="text-xs tracking-[0.2em] uppercase text-[#0f141a] leading-none font-mono">
ROLL CALL
</span>
</div>
{/* Right: Window controls */}
<div
className="flex gap-1"
style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
>
<button
onClick={handleMinimize}
className="w-8 h-8 flex items-center justify-center text-[#8a95a1] hover:text-[#0f141a] hover:bg-[#f1f3f5] transition-colors"
title="最小化"
>
<svg width="10" height="10" viewBox="0 0 10 10" fill="currentColor">
<line x1="1" y1="5" x2="9" y2="5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
</svg>
</button>
<button
onClick={handleMaximize}
className="w-8 h-8 flex items-center justify-center text-[#8a95a1] hover:text-[#0f141a] hover:bg-[#f1f3f5] transition-colors"
title="最大化"
>
<svg width="10" height="10" viewBox="0 0 10 10" fill="currentColor">
<rect x="1" y="1" width="8" height="8" stroke="currentColor" strokeWidth="1.5" fill="none"/>
</svg>
</button>
<button
onClick={handleClose}
className="w-8 h-8 flex items-center justify-center text-[#8a95a1] hover:text-[#ffffff] hover:bg-[#d92d20] transition-colors"
title="关闭"
>
<svg width="10" height="10" viewBox="0 0 10 10" fill="currentColor">
<line x1="2" y1="2" x2="8" y2="8" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
<line x1="8" y1="2" x2="2" y2="8" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
</svg>
</button>
</div>
</div>
)
}
package-lock.json
Generated
+11
View File
@@ -9,6 +9,7 @@
"version": "0.1.0",
"dependencies": {
"@base-ui/react": "^1.5.0",
"@tauri-apps/api": "^2.11.0",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"lucide-react": "^1.16.0",
@@ -1852,6 +1853,16 @@
"tailwindcss": "4.3.1"
}
},
"node_modules/@tauri-apps/api": {
"version": "2.11.0",
"resolved": "https://registry.npmmirror.com/@tauri-apps/api/-/api-2.11.0.tgz",
"integrity": "sha512-7CinYODhky9lmO23xHnUFv0Xt43fbtWMyxZcLcRBlFkcgXKuEirBvHpmtJ89YMhyeGcq20Wuc47Fa4XjyniywA==",
"license": "Apache-2.0 OR MIT",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/tauri"
}
},
"node_modules/@tauri-apps/cli": {
"version": "2.11.2",
"resolved": "https://registry.npmmirror.com/@tauri-apps/cli/-/cli-2.11.2.tgz",
package.json
+1
View File
@@ -11,6 +11,7 @@
},
"dependencies": {
"@base-ui/react": "^1.5.0",
"@tauri-apps/api": "^2.11.0",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"lucide-react": "^1.16.0",
src-tauri/capabilities/default.json
+8 -1
View File
@@ -6,6 +6,13 @@
"main"
],
"permissions": [
"core:default"
"core:window:allow-minimize",
"core:window:allow-is-minimized",
"core:window:allow-maximize",
"core:window:allow-is-maximized",
"core:window:allow-unmaximize",
"core:window:allow-unminimize",
"core:window:allow-close",
"core:window:allow-start-dragging"
]
}
src-tauri/tauri.conf.json
+3 -8
View File
@@ -16,7 +16,9 @@
"width": 1204,
"height": 685,
"resizable": true,
"fullscreen": false
"fullscreen": false,
"decorations": false,
"transparent": true
}
],
"security": {
@@ -29,13 +31,6 @@
"icon": [
"icons/icon.ico"
],
"windows": {
"webviewInstallMode": {
"type": "fixedRuntime",
"path": "./webview2/"
}
},
"android": {
"debugApplicationIdSuffix": ".debug"
}