style: eye style

This commit is contained in:
JOYCEQL
2024-11-21 23:53:45 +08:00
parent dee3680f9e
commit 1f9bf22f1c
8 changed files with 14 additions and 31 deletions
@@ -178,7 +178,7 @@ export function SidePanel() {
)}
>
{item.enabled ? (
<Eye className="w-4 h-4" />
<Eye className="w-4 h-4 text-indigo-600" />
) : (
<EyeOff className="w-4 h-4" />
)}
@@ -107,7 +107,7 @@ const CustomField: React.FC<CustomFieldProps> = ({
{field.visible ? (
<Eye
className="w-4 h-4 cursor-pointer"
className="w-4 h-4 cursor-pointer text-indigo-600"
onClick={() => onUpdate({ ...field, visible: !field.visible })}
/>
) : (
@@ -291,7 +291,7 @@ const BasicPanel: React.FC = () => {
onClick={() => toggleFieldVisibility(field.id, !field.visible)}
>
{field.visible ? (
<Eye className="w-4 h-4" />
<Eye className="w-4 h-4 text-indigo-600" />
) : (
<EyeOff className="w-4 h-4" />
)}
@@ -193,14 +193,14 @@ const DeleteConfirmDialog: React.FC<DeleteConfirmDialogProps> = ({
theme === "dark" ? "text-neutral-200" : "text-gray-900"
)}
>
</AlertDialogTitle>
<AlertDialogDescription
className={cn(
theme === "dark" ? "text-neutral-400" : "text-gray-500"
)}
>
{schoolName}
{schoolName}
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
@@ -355,7 +355,7 @@ const EducationItem = ({ education }: { education: Education }) => {
onClick={handleVisibilityToggle}
>
{education.visible ? (
<Eye className="w-4 h-4" />
<Eye className="w-4 h-4 text-indigo-600" />
) : (
<EyeOff className="w-4 h-4" />
)}
@@ -48,15 +48,10 @@ const ProjectPanel = () => {
<Button
onClick={handleCreateProject}
className={cn(
"w-full",
theme === "dark"
? "bg-indigo-600 hover:bg-indigo-700 text-white"
: "bg-black hover:bg-neutral-800 text-white"
)}
className={cn("w-full bg-indigo-600 text-white hover:bg-indigo-600")}
>
<PlusCircle className="w-4 h-4 mr-2" />
</Button>
</Reorder.Group>
</div>
@@ -294,7 +294,7 @@ const ExperienceItem = ({ experience }: { experience: Experience }) => {
onClick={handleVisibilityToggle}
>
{experience.visible ? (
<Eye className="w-4 h-4" />
<Eye className="w-4 h-4 text-indigo-600" />
) : (
<EyeOff className="w-4 h-4" />
)}
@@ -42,15 +42,10 @@ const ExperiencePanel = () => {
<Button
onClick={handleCreateProject}
className={cn(
"w-full",
theme === "dark"
? "bg-indigo-600 hover:bg-indigo-700 text-white"
: "bg-black hover:bg-neutral-800 text-white"
)}
className={cn("w-full bg-indigo-600 text-white hover:bg-indigo-600")}
>
<PlusCircle className="w-4 h-4 mr-2" />
</Button>
</Reorder.Group>
</div>
@@ -225,7 +225,6 @@ const ProjectItem = ({ project }: { project: Project }) => {
: "bg-white border-gray-100"
)}
>
{/* 拖拽手柄区域 */}
<div
onPointerDown={(event) => {
if (expandedId === project.id) return;
@@ -256,7 +255,6 @@ const ProjectItem = ({ project }: { project: Project }) => {
/>
</div>
{/* 内容区域 */}
<div className="flex-1 min-w-0">
<div
className={cn(
@@ -301,7 +299,7 @@ const ProjectItem = ({ project }: { project: Project }) => {
onClick={handleVisibilityToggle}
>
{project.visible ? (
<Eye className="w-4 h-4" />
<Eye className="w-4 h-4 text-indigo-600" />
) : (
<EyeOff className="w-4 h-4" />
)}
@@ -45,15 +45,10 @@ const ProjectPanel = () => {
<Button
onClick={handleCreateProject}
className={cn(
"w-full",
theme === "dark"
? "bg-indigo-600 hover:bg-indigo-700 text-white"
: "bg-black hover:bg-neutral-800 text-white"
)}
className="w-full bg-indigo-600 text-white hover:bg-indigo-600"
>
<PlusCircle className="w-4 h-4 mr-2" />
</Button>
</Reorder.Group>
</div>