fixed edit/logout buttons width

NIAEFEUP · Jan 26, 2025 · b72a173 · b72a173
1 parent 75657df
commit b72a173
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/routes/(app)/user/[id]/+page.svelte b/src/routes/(app)/user/[id]/+page.svelte
@@ -30,12 +30,15 @@
     <div class="flex w-full justify-center px-4 sm:px-6 lg:px-8">
       <div class="flex w-4/5 flex-col content-center gap-y-4 md:gap-y-6 lg:w-3/4 xl:w-1/2">
         <div class="flex h-12 justify-end gap-x-3 lg:h-10 xl:h-12">
-          <div class="rounded-md bg-muted-red-500 p-3">
+          <div class="w-12 rounded-md bg-muted-red-500 p-3 lg:w-12 xl:w-12">
             <a href="https://www.lipsum.com/">
               <Icon src={Icons.Pencil} color="white" size="100%" />
             </a>
           </div>
-          <button class="rounded-md bg-muted-red-500 p-3" on:click={() => logout()}>
+          <button
+            class="w-12 rounded-md bg-muted-red-500 p-3 lg:w-12 xl:w-12"
+            on:click={() => logout()}
+          >
             <Icon src={Icons.Logout} color="white" size="100%" />
           </button>
         </div>