push

democraftmc · Dec 4, 2024 · d040379 · d040379
1 parent 98a48a5
commit d040379
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 24 deletions.
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
@@ -60,10 +60,18 @@
       <ul
         tabindex="0"
         class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow mt-6">
-        <li><a><i class="fa-solid fa-user-pen"></i> Profil</a></li>
+        <li>
+          <a href="/profile"><i class="fa-solid fa-user-pen"></i> Profil</a>
+        </li>
         <li><a><i class="fa-solid fa-bag-shopping"></i> Achats</a></li>
-        <li><a class="link-info"><i class="fa-solid fa-gears"></i> Panel Administrateur</a></li>
-        <li><a class="link-error"><i class="fa-solid fa-right-from-bracket"></i> Déconnexion</a></li>
+        <li>
+          <a class="link-info"
+            ><i class="fa-solid fa-gears"></i> Panel Administrateur</a>
+        </li>
+        <li>
+          <a class="link-error"
+            ><i class="fa-solid fa-right-from-bracket"></i> Déconnexion</a>
+        </li>
       </ul>
     </div>
   </div>

diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -20,10 +20,18 @@
       Profil
     </h3>
     <div class="bg-base-100 p-2 rounded-lg min-w-full">
-        <li><a><i class="fa-solid fa-user-pen"></i> Profil</a></li>
+      <ul class="menu menu-horizontal">
+        <li><a href="/profile"><i class="fa-solid fa-user-pen"></i> Profil</a></li>
         <li><a><i class="fa-solid fa-bag-shopping"></i> Achats</a></li>
-        <li><a class="link-info"><i class="fa-solid fa-gears"></i> Panel Administrateur</a></li>
-        <li><a class="link-error"><i class="fa-solid fa-right-from-bracket"></i> Déconnexion</a></li>
+        <li>
+          <a class="link-info"
+            ><i class="fa-solid fa-gears"></i> Panel Administrateur</a>
+        </li>
+        <li>
+          <a class="link-error"
+            ><i class="fa-solid fa-right-from-bracket"></i> Déconnexion</a>
+        </li>
+      </ul>
       <div class="modal-action">
         <div class="inline-block relative mr-2 w-10">
           <button

diff --git a/src/pages/profile.astro b/src/pages/profile.astro
@@ -5,21 +5,28 @@ import Layout from "../layouts/Layout.astro";
 <Layout>
   <div class="bg-base-100 p-4 pt-10">
     <div class="card bg-base-200 p-4 flex flex-col">
- <img src="/avatar.png" class="md:hidden w-full" />
+      <img src="/avatar.png" class="md:hidden w-full rounded-xl" />
       <div class="grid grid-cols-4 md:grid-cols-10 w-full">
         <img src="/avatar.png" class="hidden md:flex rounded-lg w-32 h-32" />
         <div class="max-sm:p-4 pt-1 pb-0 col-span-3">
-        <h1 class="text-sm md:text-base pixel font-black">Funasitien</h1>
+          <h1 class="text-sm md:text-base pixel font-black">Funasitien</h1>
           <span class="mt-5 badge badge-lg badge-warning">Fondateur</span>
           <span class="mt-5 badge badge-lg badge-warning">Fondateur</span>
           <p class="mt-2"><i class="fa fa-coins"></i> 10123</p>
           <p><i class="fa-brands fa-discord"></i> @funasitien</p>
         </div>
-        <div class="flex col-span-2 md:flex-col gap-1 md:col-start-9 flex-wrap justify-center">
-          <button class="btn btn-primary">Activer la 2FA</button>
-          <button class="btn btn-error">Supprimer mon compte</button>
-          <button class="btn bg-indigo-600 hover:bg-indigo-800"
-            >Associer à Discord</button
+        <div
+          class="flex col-span-4 md:flex-col gap-1 md:col-start-9 flex-wrap justify-center">
+          <button class="btn btn-neutral"
+            ><i class="fa-solid fa-shield-halved"></i> Activer la 2FA</button
+          >
+          <button class="btn btn-error"
+            ><i class="fa-solid fa-user-xmark"></i> Supprimer mon compte</button
+          >
+          <button
+            class="btn text-white border-0 bg-indigo-600 hover:bg-indigo-800">
+            <i class="fa-brands fa-discord"></i>
+            Associer à Discord</button
           >
         </div>
       </div>
@@ -34,7 +41,7 @@ import Layout from "../layouts/Layout.astro";
           <label class="form-control mt-2">
             <input type="text" class="input input-bordered" />
           </label>
-          <button class="btn btn-primary mt-2">Changer</button>
+          <button class="btn btn-success mt-2">Changer</button>
         </form>
       </div>
       <div class="card bg-base-200 p-4">
@@ -43,7 +50,7 @@ import Layout from "../layouts/Layout.astro";
           <label class="form-control my-2">
             <input type="password" class="input input-bordered" />
           </label>
-          <div class="flex ">
+          <div class="flex">
             <label class="form-control mt-2 w-1/2">
               <input
                 type="password"
@@ -57,34 +64,40 @@ import Layout from "../layouts/Layout.astro";
               />
             </label>
           </div>
-          <button class="btn btn-primary mt-2">Changer</button>
+          <button class="btn btn-success mt-2">Changer</button>
         </form>
       </div>
       <div class="card bg-base-200 p-4">
         <h2 class="card-title">Changer le pseudo</h2>
-        <form class="mt-2 flex">
-          <div class="join max-w-xs">
+        <form class="mt-2 flex flex-col">
+          <div class="join">
             <label class="join-item form-control maw-w-xs">
-              <input type="text" class="input input-bordered rounded-r-none" />
+              <input
+                type="text"
+                class="input input-bordered md:rounded-r-none"
+              />
               <div class="label">
                 <span class="label-text-alt"
                   >Essayer au maximum de faire correspondre votre pseudo avec
                   celui en jeu.</span
                 >
               </div>
             </label>
-            <button class="join-item btn btn-primary">Changer</button>
+            <button class="join-item btn btn-success max-sm:hidden"
+              >Changer</button
+            >
           </div>
+          <button class="join-item btn btn-success sm:hidden">Changer</button>
         </form>
       </div>
       <div class="card bg-base-200 p-4">
         <h2 class="card-title">Changer d'avatar</h2>
-        <form class="mt-2 flex">
-          <div class="join max-w-xs">
+        <form class="mt-2 flex flex-col">
+          <div class="join">
             <label class="join-item form-control">
               <input
                 type="file"
-                class="file-input file-input-bordered rounded-r-none"
+                class="file-input file-input-sm md:file-input-md file-input-bordered md:rounded-r-none"
               />
               <div class="label">
                 <span class="label-text-alt"
@@ -93,8 +106,11 @@ import Layout from "../layouts/Layout.astro";
                 >
               </div>
             </label>
-            <button class="join-item btn btn-primary">Changer</button>
+            <button class="join-item btn btn-success max-sm:hidden"
+              >Changer</button
+            >
           </div>
+          <button class="join-item btn btn-success sm:hidden">Changer</button>
         </form>
       </div>
     </div>