refactor: minor fixes

jippy-the-frog · Sep 23, 2024 · 24bf7ec · 24bf7ec
1 parent 7050b64
commit 24bf7ec
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/frontend/app/register/page.tsx b/frontend/app/register/page.tsx
@@ -58,7 +58,7 @@ function RegisterPage() {
   }
 
   return (
-    <Box className="flex w-full space-x-24">
+    <Box className="flex w-full gap-x-24">
       <Box className="flex justify-center items-center bg-card text-card-foreground px-12 md:px-20 w-full lg:w-6/12">
         <Box className="flex-col space-y-8 w-full max-w-3xl">
           {/* Header */}

diff --git a/frontend/components/auth/user-profile-button.tsx b/frontend/components/auth/user-profile-button.tsx
@@ -38,7 +38,7 @@ const UserProfileButton = () => {
   if (!user) {
     return (
       <div className="flex items-center w-full max-w-64 rounded p-4 hover:bg-muted-foreground/5">
-        <div className="flex space-x-6 items-center w-full">
+        <div className="flex gap-x-6 items-center w-full">
           <Skeleton className="relative flex h-10 w-10 shrink-0 overflow-hidden rounded-sm bg-[#e7e9e7]/80" />
           <div className="flex flex-col space-y-2 w-full">
             <Skeleton className="flex h-3 w-full shrink-0 overflow-hidden rounded-sm bg-[#e7e9e7]/80" />
@@ -55,7 +55,7 @@ const UserProfileButton = () => {
       <DropdownMenu onOpenChange={(isOpen) => setIsOpen(isOpen)}>
         <DropdownMenuTrigger asChild>
           <div className="flex items-center w-full max-w-64 rounded p-4 hover:bg-muted-foreground/5">
-            <div className="flex space-x-6">
+            <div className="flex gap-x-6">
               <Avatar>
                 <AvatarFallback>{getInitialFromEmail(email)}</AvatarFallback>
               </Avatar>

diff --git a/frontend/components/form/inputs/password-input.tsx b/frontend/components/form/inputs/password-input.tsx
@@ -28,7 +28,7 @@ const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
           <p className="text-sm text-muted-foreground">{helperText}</p>
         )}
         <div className="flex flex-row items-end justify-between">
-          <div className="flex items-center space-x-2">
+          <div className="flex items-center gap-x-2">
             <Checkbox
               checked={isPasswordVisible}
               id="password-visibility"

diff --git a/frontend/components/navigation/navbar.tsx b/frontend/components/navigation/navbar.tsx
@@ -60,7 +60,7 @@ function Navbar() {
         </div>
         {!isLoggedIn && (
           <div className="flex flex-1 items-center gap-x-4 justify-end">
-            <nav className="flex items-center space-x-4">
+            <nav className="flex items-center gap-x-4">
               <Link href="/register">
                 <Button size="sm">Register</Button>
               </Link>