fix some weird avatar stuff again

This commit is contained in:
Braydon 2024-09-20 00:20:24 -04:00
parent db145f9eb8
commit df1f65470d
5 changed files with 11 additions and 6 deletions

@ -16,7 +16,10 @@ const UserBillingPage = (): ReactElement => (
{/* Content */} {/* Content */}
<div className="flex flex-col gap-5"> <div className="flex flex-col gap-5">
<Separator className="opacity-65" /> <Separator className="opacity-65" />
Billing <p className="opacity-75 select-none pointer-events-none">
Billing is not yet available, this will be available to cloud
environments.
</p>
</div> </div>
</main> </main>
); );

@ -196,7 +196,7 @@ const TFASetting = (): ReactElement => {
{/* Notice */} {/* Notice */}
{!enabledTfa && ( {!enabledTfa && (
<DialogFooter className="sm:justify-center gap-1.5 text-sm opacity-75"> <DialogFooter className="sm:justify-center gap-1.5 text-sm opacity-75 select-none">
<b>NOTE:</b>Enabling two-factor auth will log <b>NOTE:</b>Enabling two-factor auth will log
you out of all other devices. you out of all other devices.
</DialogFooter> </DialogFooter>
@ -216,7 +216,9 @@ const QRCode = ({
<div className="px-2 py-6 flex flex-col gap-4 items-center"> <div className="px-2 py-6 flex flex-col gap-4 items-center">
<QRCodeCanvas size={156} value={tfaResponse.qrCodeUrl} /> <QRCodeCanvas size={156} value={tfaResponse.qrCodeUrl} />
<div className="flex flex-col gap-1 items-center"> <div className="flex flex-col gap-1 items-center">
<p className="opacity-75">Or manually copy this code...</p> <p className="opacity-75 select-none">
Or manually copy this code...
</p>
<Input className="mx-14" value={tfaResponse.secret} readOnly /> <Input className="mx-14" value={tfaResponse.secret} readOnly />
</div> </div>
</div> </div>

@ -95,7 +95,7 @@ const TfaSetupForm = ({
) : ( ) : (
<> <>
{/* Notice */} {/* Notice */}
<p className="max-w-64 text-sm text-center opacity-75"> <p className="max-w-64 text-sm text-center opacity-75 select-none">
Enter the 6-digit pin provided by your authenticator app Enter the 6-digit pin provided by your authenticator app
below to enable two-factor authentication! below to enable two-factor authentication!
</p> </p>

@ -64,7 +64,7 @@ const OrganizationLogo = ({
/> />
) : ( ) : (
<InitialsAvatar <InitialsAvatar
className="-translate-y-0.5 w-[1.6rem] h-[1.6rem] flex justify-center items-center bg-muted rounded-full" className="-translate-y-0.5 w-[130%] h-[130%] flex justify-center items-center bg-muted rounded-full"
name={organization.name} name={organization.name}
/> />
)} )}

@ -64,7 +64,7 @@ const UserAvatar = ({
/> />
) : ( ) : (
<InitialsAvatar <InitialsAvatar
className="w-6 h-6 flex justify-center items-center bg-muted rounded-full" className="w-full h-full flex justify-center items-center bg-muted rounded-full"
name={user.username} name={user.username}
/> />
)} )}