+ {/*登录弹窗*/}
+
+ {/*注册弹窗 */}
+ {/*
*/}
+ {/* 用户信息弹窗 */}
+
)
}
diff --git a/src/features/game/modal/desktop/desktop-login-modal.tsx b/src/features/game/modal/desktop/desktop-login-modal.tsx
new file mode 100644
index 0000000..74c37b3
--- /dev/null
+++ b/src/features/game/modal/desktop/desktop-login-modal.tsx
@@ -0,0 +1,101 @@
+import { motion } from 'motion/react'
+import { useState } from 'react'
+import loginBg from '@/assets/system/login-bg.webp'
+import rightImg from '@/assets/system/right.webp'
+import { CenterModal } from '@/components/center-modal.tsx'
+import { SmartImage } from '@/components/smart-image.tsx'
+
+function DesktopLoginModal() {
+ const [open, setOpen] = useState(false)
+
+ function handleSubmit() {
+ setOpen(false)
+ }
+
+ return (
+
{}}
+ title={登录
}
+ titleAlign="center"
+ className={'w-design-980 h-design-540'}
+ >
+
+
+
+
+
+
+
+
+
+
+
Ingat Kata Sandi
+
+
+
+
+
+ MASUK
+
+
+ )
+}
+
+export default DesktopLoginModal
diff --git a/src/features/game/modal/desktop/desktop-register-modal.tsx b/src/features/game/modal/desktop/desktop-register-modal.tsx
new file mode 100644
index 0000000..73f438f
--- /dev/null
+++ b/src/features/game/modal/desktop/desktop-register-modal.tsx
@@ -0,0 +1,125 @@
+import { motion } from 'motion/react'
+import { useState } from 'react'
+import loginBg from '@/assets/system/login-bg.webp'
+import rightImg from '@/assets/system/right.webp'
+import { CenterModal } from '@/components/center-modal.tsx'
+import { SmartImage } from '@/components/smart-image.tsx'
+
+function DesktopRegisterModal() {
+ const [open, setOpen] = useState(true)
+
+ function handleSubmit() {
+ setOpen(false)
+ }
+
+ return (
+
{}}
+ title={注册
}
+ titleAlign="center"
+ className={'w-design-980 h-design-740'}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
Ingat Kata Sandi
+
+
+
+
+
+ MASUK
+
+
+ )
+}
+
+export default DesktopRegisterModal
diff --git a/src/features/game/modal/desktop/desktop-userInfo-modal.tsx b/src/features/game/modal/desktop/desktop-userInfo-modal.tsx
new file mode 100644
index 0000000..1330475
--- /dev/null
+++ b/src/features/game/modal/desktop/desktop-userInfo-modal.tsx
@@ -0,0 +1,136 @@
+import { CircleUserRound, Mail } from 'lucide-react'
+import { useState } from 'react'
+import userInfoBg from '@/assets/system/userInfo-bg.webp'
+import { CenterModal } from '@/components/center-modal.tsx'
+import { cn } from '@/lib/untils'
+
+type UserInfoTabKey = 'profile' | 'message'
+
+const USER_INFO_TABS: Array<{
+ key: UserInfoTabKey
+ label: string
+ icon: typeof CircleUserRound
+}> = [
+ {
+ key: 'profile',
+ label: '个人信息',
+ icon: CircleUserRound,
+ },
+ {
+ key: 'message',
+ label: '站内消息',
+ icon: Mail,
+ },
+]
+
+function DesktopUserInfoModal() {
+ const [open, setOpen] = useState(true)
+ const [activeTab, setActiveTab] = useState
('profile')
+
+ function handleSubmit() {
+ setOpen(false)
+ }
+
+ return (
+ Biomond Balance
+ }
+ isNormalBg={true}
+ titleAlign="left"
+ className={'w-design-980 h-design-590'}
+ >
+