talksik/nirvana-v3
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

badass auth success page

Browse Source
This commit is contained in:
talksik
2022-03-31 14:42:38 -04:00
parent 6a22fe48bf
commit 1c25fea726
13 changed files with 152 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/components/ProtectedRoute/index.tsx
+1 -1
View File
@@ -22,7 +22,7 @@ export default function ProtectedRoute({
if (isLoading)
return (
<div className="container h-screen w-screen">
<div className="container h-screen w-screen flex flex-col justify-center mx-10">
<SkeletonLoader />
</div>
);
packages/desktop/src/components/User/userAvatarWithStatus.tsx
+5 -5
View File
@@ -5,7 +5,7 @@ export default function UserAvatarWithStatus(props: { user: User }) {
<span className="relative">
<img
src={props.user.picture}
className="rounded-lg h-8 hover:bg-slate-200 hover:cursor-pointer hover:scale-110"
className="rounded-lg h-8 hover:bg-zinc-200 hover:cursor-pointer hover:scale-110"
alt=""
/>
@@ -18,19 +18,19 @@ export function UserStatusBubble(props: { status: UserStatus }) {
switch (props.status) {
case UserStatus.ONLINE:
return (
<span className="absolute -bottom-1 -right-1 rounded-full bg-emerald-600 h-3 w-3 border border-slate-300"></span>
<span className="absolute -bottom-1 -right-1 rounded-full bg-emerald-600 h-3 w-3 border border-zinc-300"></span>
);
case UserStatus.OFFLINE:
return (
<span className="absolute -bottom-1 -right-1 rounded-full bg-slate-400 h-3 w-3 border border-slate-300"></span>
<span className="absolute -bottom-1 -right-1 rounded-full bg-zinc-400 h-3 w-3 border border-zinc-300"></span>
);
case UserStatus.FLOW_STATE:
return (
<span className="absolute -bottom-1 -right-1 rounded-full bg-pink-400 h-3 w-3 border border-slate-300"></span>
<span className="absolute -bottom-1 -right-1 rounded-full bg-pink-400 h-3 w-3 border border-zinc-300"></span>
);
default:
return (
<span className="absolute -bottom-1 -right-1 rounded-full bg-pink-400 h-3 w-3 border border-slate-300"></span>
<span className="absolute -bottom-1 -right-1 rounded-full bg-pink-400 h-3 w-3 border border-zinc-300"></span>
);
}
}