style(ui): unify font size

This commit is contained in:
ReaJason
2024-12-31 12:07:56 +08:00
parent 717c81571b
commit 8e741b6647
3 changed files with 10 additions and 8 deletions
+1 -1
View File
@@ -28,7 +28,7 @@ export function CopyButton({ value, className, src, variant = "ghost", ...props
text={value} text={value}
onCopy={() => { onCopy={() => {
setHasCopied(true); setHasCopied(true);
toast.success("复制成功"); toast.success("复制成功", { duration: 1000 });
}} }}
> >
<Button <Button
+5 -3
View File
@@ -18,15 +18,17 @@ export function CopyableField({ label, value, size }: CopyableFieldProps) {
if (typeof value === "string") { if (typeof value === "string") {
navigator.clipboard.writeText(value).then(() => { navigator.clipboard.writeText(value).then(() => {
setCopied(true); setCopied(true);
toast.success(`复制${label}成功`); toast.success(`复制${label}成功`, {
setTimeout(() => setCopied(false), 2000); duration: 1000,
});
setTimeout(() => setCopied(false), 1000);
}); });
} }
}, [value, label]); }, [value, label]);
return ( return (
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2 text-sm">
<Label className="w-24 text-right">{label}</Label> <Label className="w-24 text-right">{label}</Label>
<p> <p>
{value} {size != null && `(${size} bytes)`} {value} {size != null && `(${size} bytes)`}
+4 -4
View File
@@ -61,11 +61,11 @@ export function ShellResult({
<div className="gap-4 my-2 flex items-center justify-between"> <div className="gap-4 my-2 flex items-center justify-between">
{generateResult && ( {generateResult && (
<div> <div>
<div className="flex items-center"> <div className="flex items-center text-sm">
<Label></Label> <Label></Label>
<p>{generateResult?.shellClassName}</p> <p>{generateResult?.shellClassName}</p>
</div> </div>
<div className="flex items-center"> <div className="flex items-center text-sm">
<Label></Label> <Label></Label>
<p>{generateResult?.shellSize ?? 0} bytes</p> <p>{generateResult?.shellSize ?? 0} bytes</p>
</div> </div>
@@ -96,11 +96,11 @@ export function ShellResult({
<div className="gap-4 my-2 flex items-center justify-between"> <div className="gap-4 my-2 flex items-center justify-between">
{generateResult && ( {generateResult && (
<div> <div>
<div className="flex items-center"> <div className="flex items-center text-sm">
<Label></Label> <Label></Label>
<p>{generateResult?.injectorClassName}</p> <p>{generateResult?.injectorClassName}</p>
</div> </div>
<div className="flex items-center"> <div className="flex items-center text-sm">
<Label></Label> <Label></Label>
<p>{generateResult?.injectorSize ?? 0} bytes</p> <p>{generateResult?.injectorSize ?? 0} bytes</p>
</div> </div>