One Calendar is a privacy-first calendar web app built with Next.js. It has modern security features, including e2ee, password-protected sharing, and self-destructing share links 📅
calendar.xyehr.cn
Update UserProfileButton.tsx
authored by
Evan Huang
and committed by
GitHub
70a9e3b1
a6c013b0
+5
-27
+5
-27
components/UserProfileButton.tsx
+5
-27
components/UserProfileButton.tsx
···
663
663
</DropdownMenuContent>
664
664
</DropdownMenu>
665
665
666
-
{isUserProfileOpen && (
666
+
{isUserProfileOpen && (
667
667
<div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
668
-
<div className="relative w-full max-w-4xl bg-background rounded-lg overflow-hidden shadow-xl max-h-[90vh] flex flex-col">
668
+
<div className="relative w-full max-w-3xl bg-white rounded-lg shadow-xl overflow-hidden">
669
669
<button
670
670
onClick={() => setIsUserProfileOpen(false)}
671
671
className="absolute top-4 right-4 z-50 p-2 rounded-full hover:bg-accent transition-colors"
672
672
>
673
673
<X className="h-5 w-5" />
674
674
</button>
675
-
<div className="flex-1 overflow-auto p-1"> {/* 这里添加 p-1 修复白边问题 */}
676
-
<UserProfile
677
-
appearance={{
678
-
elements: {
679
-
rootBox: "w-full h-full",
680
-
card: "w-full h-full shadow-none border-none rounded-none",
681
-
scrollBox: "p-0",
682
-
navbar: "border-none",
683
-
navbarButtons: "hidden", // 隐藏顶部导航按钮
684
-
headerTitle: "text-lg font-semibold",
685
-
headerSubtitle: "text-sm text-muted-foreground",
686
-
profileSection: "px-4",
687
-
formButtonPrimary: "bg-primary hover:bg-primary/90",
688
-
formFieldInput: "border-input",
689
-
},
690
-
variables: {
691
-
colorBackground: "hsl(var(--background))",
692
-
colorText: "hsl(var(--foreground))",
693
-
colorTextSecondary: "hsl(var(--muted-foreground))",
694
-
colorInputBackground: "hsl(var(--background))",
695
-
colorAlphaShade: "hsl(var(--primary))",
696
-
}
697
-
}}
698
-
path="/user-profile"
699
-
/>
675
+
<div className="p-4">
676
+
<UserProfile path="/user-profile" />
700
677
</div>
701
678
</div>
702
679
</div>
703
680
)}
681
+
704
682
705
683
<Dialog open={isBackupOpen} onOpenChange={setIsBackupOpen}>
706
684
<DialogContent>