less buttons

This commit is contained in:
2026-02-14 02:08:40 +08:00
parent b586c1071b
commit 8f25791fa1
7 changed files with 29 additions and 61 deletions

View File

@@ -1,7 +1,7 @@
"use client";
import React, { useRef } from "react";
import { Button } from "@/design-system/base/button";
import { LightButton } from "@/design-system/base/button";
import { FileInputProps } from "../../types/controls";
interface FileInputComponentProps extends FileInputProps {
@@ -34,15 +34,14 @@ export function FileInput({ accept, onFileSelect, disabled, className, children
disabled={disabled}
className="hidden"
/>
<Button
<LightButton
onClick={handleClick}
disabled={disabled}
variant="secondary"
size="sm"
className={className}
>
{children}
</Button>
</LightButton>
</>
);
}

View File

@@ -7,7 +7,7 @@ import {
FolderPlus,
Trash2,
} from "lucide-react";
import { CircleButton, DashedButton } from "@/design-system/base/button";
import { CircleButton, LightButton } from "@/design-system/base/button";
import { useEffect, useState } from "react";
import { useRouter } from "next/navigation";
import { useTranslations } from "next-intl";
@@ -135,7 +135,7 @@ export function FoldersClient({ userId }: { userId: string; }) {
<PageHeader title={t("title")} subtitle={t("subtitle")} />
{/* 新建文件夹按钮 */}
<DashedButton
<LightButton
onClick={async () => {
const folderName = prompt(t("enterFolderName"));
if (!folderName) return;
@@ -154,11 +154,11 @@ export function FoldersClient({ userId }: { userId: string; }) {
}
}}
disabled={loading}
className="w-full"
className="w-full border-dashed"
>
<FolderPlus size={18} />
<span>{loading ? t("creating") : t("newFolder")}</span>
</DashedButton>
</LightButton>
{/* 文件夹列表 */}
<div className="mt-4">

View File

@@ -7,7 +7,7 @@ import { AddTextPairModal } from "./AddTextPairModal";
import { TextPairCard } from "./TextPairCard";
import { useTranslations } from "next-intl";
import { PageLayout } from "@/components/ui/PageLayout";
import { PrimaryButton, IconButton, LinkButton } from "@/design-system/base/button";
import { PrimaryButton, CircleButton, LinkButton } from "@/design-system/base/button";
import { CardList } from "@/components/ui/CardList";
import { actionCreatePair, actionDeletePairById, actionGetPairsByFolderId } from "@/modules/folder/folder-aciton";
import { TSharedPair } from "@/shared/folder-type";
@@ -81,12 +81,13 @@ export function InFolder({ folderId, isReadOnly }: { folderId: number; isReadOnl
{t("memorize")}
</PrimaryButton>
{!isReadOnly && (
<IconButton
<CircleButton
onClick={() => {
setAddModal(true);
}}
icon={<Plus size={18} className="text-gray-700" />}
/>
>
<Plus size={18} className="text-gray-700" />
</CircleButton>
)}
</div>
</div>