Fix some ui

Author: h0i5

.dockerignore

@@ -0,0 +1 @@
+node_modules

Dockerfile

@@ -0,0 +1,23 @@
+# Use the official Node.js image as the base image
+FROM node:18-alpine
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Copy package.json and package-lock.json (or yarn.lock) to install dependencies
+COPY package.json package-lock.json ./
+
+# Install the dependencies
+RUN npm install --legacy-peer-deps
+
+# Copy the rest of the application code
+COPY . .
+
+# Build the Next.js application
+RUN npm run build
+
+# Expose the port that the Next.js app will run on
+EXPOSE 3000
+
+# Start the Next.js app
+CMD ["npm", "start"]

app/dashboard/Passwords.tsx

@@ -424,7 +424,6 @@ export default function Passwords(props: { aesString: string; salt: string }) {
                           type="button"
                           variant="ghost"
                           size="icon"
-                          disabled={passwordVisibility ? true : false}
                           className="absolute right-0 top-0 h-full px-3 py-2"
                           onClick={() => setShowNewPassword(!showNewPassword)}
                         >

app/layout.tsx

@@ -35,7 +35,7 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          <PageTransition>{children}</PageTransition>
+          {children}
         </ThemeProvider>
       </body>
     </html>

app/page.tsx

@@ -34,7 +34,7 @@ export default function Home() {
     <div className="flex flex-col min-h-screen bg-white dark:bg-black text-gray-900 dark:text-white">
       <Navbar />
       <main className="flex-1">
-        <section className="w-full py-12 md:py-24 lg:py-32 xl:py-48">
+        <section className="w-full py-48 md:py-48 lg:py-48 xl:py-48">
           <motion.div
             initial="hidden"
             animate="visible"
@@ -61,8 +61,8 @@ export default function Home() {
                     <ChevronRight className="ml-2 h-4 w-4" />
                   </Button>
                 </Link>
-                <p className="text-xs text-gray-500 dark:text-gray-400">
-                  Remember 2 passwords, leave the rest on us.
+                <p className="text-sm text-gray-500 dark:text-gray-400">
+                  Remember 2 passwords, leave the rest to us.
                 </p>
               </motion.div>
             </div>