This commit is contained in:
zhangkai
2024-06-22 18:34:39 +08:00
parent fb39b66431
commit 1c07d4b9df
72 changed files with 4283 additions and 2158 deletions

View File

@@ -11,6 +11,7 @@ import sousuo from "../../../assets/npc/sousuo.png";
import gongjuAdd from "../../../assets/npc/gongjuAdd.png";
import gongjuIcon from "../../../assets/npc/gongjuIcon.png";
import gongjuIcon1 from "../../../assets/npc/gongjuIcon1.png";
import borderR from "../../../assets/npc/border-r.png";
export default function ToolsSheet({ select, onSelect, children }) {
const { t } = useTranslation()
@@ -38,8 +39,11 @@ export default function ToolsSheet({ select, onSelect, children }) {
<SheetTrigger asChild>
{children}
</SheetTrigger>
<SheetContent className="w-[1000px] sm:max-w-[1000px] bg-[#121212]">
<SheetContent className="w-[1000px] sm:max-w-[1000px] bg-[#1a1a1a]">
<div className="flex h-full" onClick={e => e.stopPropagation()}>
<div className="xinDuiHua-boxR">
{/* <img src={borderR} className="w-[30px] h-[100%]" alt="" /> */}
</div>
<div className="w-fit p-6">
<SheetTitle>{t('build.addTool')}</SheetTitle>
<div className="relative mt-[14px]">
@@ -67,7 +71,7 @@ export default function ToolsSheet({ select, onSelect, children }) {
>
{/* <PersonIcon /> */}
{type === "default" ? <img src={gongjuIcon1} className="w-[14px]" alt="" /> : <img src={gongjuIcon} className="w-[14px]" alt="" />}
<span className="ml-[8px] text-[#999999]"></span>
<span className={`ml-[8px] text-[#999999] ${type === "default" && "text-[#FFD025]"}`}></span>
</div>
<div
className={`flex items-center gap-2 px-4 py-2 rounded-md cursor-pointer hover:bg-muted-foreground/10 transition-all duration-200 mt-1 ${type === 'custom' && 'bg-[#2A271D] text-[#FFD54C]'}`}
@@ -75,7 +79,7 @@ export default function ToolsSheet({ select, onSelect, children }) {
>
{type === "custom" ? <img src={gongjuIcon1} className="w-[14px]" alt="" /> : <img src={gongjuIcon} className="w-[14px]" alt="" />}
{/* <StarFilledIcon /> */}
<span className="ml-[8px] text-[#999999]"></span>
<span className={`ml-[8px] text-[#999999] ${type === "custom" && "text-[#FFD025]"}`}></span>
</div>
</div>
</div>