final touches 2.0

DevDogs-UGA · Nov 8, 2024 · 40a1211 · 40a1211
1 parent 127b488
commit 40a1211
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 35 deletions.
diff --git a/src/app/dashboard/page.js b/src/app/dashboard/page.js
@@ -246,7 +246,7 @@ export const Box = () => {
                   style={{
                     height: "inherit",
                   }}
-                  className="rounded-full"
+                  className="rounded-full object-cover"
                 />
                 <FormDrop onUrlChange={handlePfPChange} />
               </div>

diff --git a/src/app/dashboard/security/page.js b/src/app/dashboard/security/page.js
@@ -35,40 +35,44 @@ const Settings = () => {
   };
 
   return (
-    <div className="section page-main-side-padding flex w-full flex-col items-center text-center">
-      <PageTitleTemplate
-        blackText={"User "}
-        redText={"Settings"}
-        reverse={true}
-      />
-      <div className="flex w-8/12 flex-col rounded-[25px] bg-[#F5F5F5] p-4 lg:flex-row">
-        <div className="w-full text-DevDogBlue lg:w-4/12">
-          <h2 className="text-left text-xl font-bold">Categories</h2>
-          <h3 className="text-left text-lg hover:underline">
-            <a href="/dashboard">Personalization</a>
-          </h3>
-          <h3 className="-mt-4 text-left text-lg font-bold">
-            <a href="/dashboard/security">Login & Security</a>
-          </h3>
-        </div>
-        <div className="w-full lg:w-8/12">
-          <h2 className="text-center text-xl font-bold">Account Credentials</h2>
-          <h3 className="text-left font-semibold">Password</h3>
-          <input
-            type="password"
-            className="w-11/12 rounded-full p-2"
-            placeholder="P@55w0rd"
-            onChange={(e) => setPassword(e.target.value)}
-            value={password}
-          />
-          <div className="mt-4 flex flex-col justify-center gap-4 lg:flex-row">
-            <div>
-              <button
-                className="rounded-full bg-[#BA0C2F] p-2 px-2 text-white"
-                onClick={changePassword}
-              >
-                Save Changes
-              </button>
+    <div className="section">
+      <div className="page-main-side-padding flex w-full flex-col items-center text-center">
+        <PageTitleTemplate
+          blackText={"User "}
+          redText={"Settings"}
+          reverse={true}
+        />
+        <div className="flex w-8/12 flex-col rounded-[25px] bg-[#F5F5F5] p-4 lg:flex-row">
+          <div className="w-full text-DevDogBlue lg:w-4/12">
+            <h2 className="text-left text-xl font-bold">Categories</h2>
+            <h3 className="text-left text-lg hover:underline">
+              <a href="/dashboard">Personalization</a>
+            </h3>
+            <h3 className="-mt-4 text-left text-lg font-bold">
+              <a href="/dashboard/security">Login & Security</a>
+            </h3>
+          </div>
+          <div className="w-full lg:w-8/12">
+            <h2 className="text-center text-xl font-bold">
+              Account Credentials
+            </h2>
+            <h3 className="text-left font-semibold">Password</h3>
+            <input
+              type="password"
+              className="w-11/12 rounded-full p-2"
+              placeholder="P@55w0rd"
+              onChange={(e) => setPassword(e.target.value)}
+              value={password}
+            />
+            <div className="mt-4 flex flex-col justify-center gap-4 lg:flex-row">
+              <div>
+                <button
+                  className="rounded-full bg-[#BA0C2F] p-2 px-2 text-white"
+                  onClick={changePassword}
+                >
+                  Save Changes
+                </button>
+              </div>
             </div>
           </div>
         </div>