달력 및 기사 관리 위젯 구현 #97
|
|
@ -44,7 +44,7 @@ export function DriverManagementSettings({ config, onSave, onClose }: DriverMana
|
|||
<SelectTrigger className="w-full">
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectContent className="z-[9999]">
|
||||
<SelectItem value="0">사용 안 함</SelectItem>
|
||||
<SelectItem value="10">10초마다</SelectItem>
|
||||
<SelectItem value="30">30초마다</SelectItem>
|
||||
|
|
@ -67,7 +67,7 @@ export function DriverManagementSettings({ config, onSave, onClose }: DriverMana
|
|||
<SelectTrigger>
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectContent className="z-[9999]">
|
||||
<SelectItem value="name">기사명</SelectItem>
|
||||
<SelectItem value="vehicleNumber">차량번호</SelectItem>
|
||||
<SelectItem value="status">운행상태</SelectItem>
|
||||
|
|
@ -84,7 +84,7 @@ export function DriverManagementSettings({ config, onSave, onClose }: DriverMana
|
|||
<SelectTrigger>
|
||||
<SelectValue />
|
||||
</SelectTrigger>
|
||||
<SelectContent>
|
||||
<SelectContent className="z-[9999]">
|
||||
<SelectItem value="asc">오름차순</SelectItem>
|
||||
<SelectItem value="desc">내림차순</SelectItem>
|
||||
</SelectContent>
|
||||
|
|
@ -92,62 +92,6 @@ export function DriverManagementSettings({ config, onSave, onClose }: DriverMana
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{/* 테마 설정 */}
|
||||
<div className="space-y-3">
|
||||
<Label className="text-sm font-semibold">테마</Label>
|
||||
<div className="grid grid-cols-3 gap-3">
|
||||
<Button
|
||||
type="button"
|
||||
variant={localConfig.theme === "light" ? "default" : "outline"}
|
||||
className="w-full"
|
||||
onClick={() => setLocalConfig({ ...localConfig, theme: "light" })}
|
||||
>
|
||||
☀️ Light
|
||||
</Button>
|
||||
<Button
|
||||
type="button"
|
||||
variant={localConfig.theme === "dark" ? "default" : "outline"}
|
||||
className="w-full"
|
||||
onClick={() => setLocalConfig({ ...localConfig, theme: "dark" })}
|
||||
>
|
||||
🌙 Dark
|
||||
</Button>
|
||||
<Button
|
||||
type="button"
|
||||
variant={localConfig.theme === "custom" ? "default" : "outline"}
|
||||
className="w-full"
|
||||
onClick={() => setLocalConfig({ ...localConfig, theme: "custom" })}
|
||||
>
|
||||
🎨 Custom
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
{/* 사용자 지정 색상 */}
|
||||
{localConfig.theme === "custom" && (
|
||||
<Card className="border p-4">
|
||||
<Label className="mb-2 block text-sm font-medium">배경 색상 선택</Label>
|
||||
<div className="flex items-center gap-3">
|
||||
<Input
|
||||
type="color"
|
||||
value={localConfig.customColor || "#3b82f6"}
|
||||
onChange={(e) => setLocalConfig({ ...localConfig, customColor: e.target.value })}
|
||||
className="h-12 w-20 cursor-pointer"
|
||||
/>
|
||||
<div className="flex-1">
|
||||
<Input
|
||||
type="text"
|
||||
value={localConfig.customColor || "#3b82f6"}
|
||||
onChange={(e) => setLocalConfig({ ...localConfig, customColor: e.target.value })}
|
||||
placeholder="#3b82f6"
|
||||
className="font-mono"
|
||||
/>
|
||||
<p className="text-muted-foreground mt-1 text-xs">테이블 배경색으로 사용됩니다</p>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* 표시 컬럼 선택 */}
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-center justify-between">
|
||||
|
|
|
|||
Loading…
Reference in New Issue