From 263bf96e861331db088c3451bc069b4c1c1f65eb Mon Sep 17 00:00:00 2001
From: devgabrielnascimento <devgabrielnascimento@gmail.com>
Date: Tue, 4 Jun 2024 01:24:05 -0300
Subject: [PATCH] =?UTF-8?q?:bug:=20corrigindo=20problema=20no=20nvbar=20dr?=
 =?UTF-8?q?op=20down,=20add=20tamanho=20nome,=20definindo=20express=C3=B5e?=
 =?UTF-8?q?s=20regulares?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navbar/Navbar.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/navbar/Navbar.tsx b/src/components/navbar/Navbar.tsx
index e67eed7..d3fdcca 100644
--- a/src/components/navbar/Navbar.tsx
+++ b/src/components/navbar/Navbar.tsx
@@ -63,7 +63,7 @@ function Navbar() {
           </button>
         </div>
         <div className="flex gap-2 px-4 w-1/3 justify-end items-center">
-          <div className="dropdown dropdown-hover  hover:bg-secondary rounded-se-2xl rounded-ss-2xl">
+          <div className="dropdown dropdown-hover w-auto   hover:bg-secondary rounded-se-2xl rounded-ss-2xl">
             <div
               tabIndex={0}
               role="button"
@@ -71,19 +71,19 @@ function Navbar() {
             >
               <Avatar foto={usuario.foto} bordercolour="white" size="small" />
             <ul className="grid justify-items-start">
-              <li className="text-sm text-white font-light">Olá, </li><li className="text-sm text-white font-bold">{usuario.nome.split(" ")[0]}!</li>
+              <li className="text-sm text-white font-light">Olá, </li><li className="text-sm text-white font-bold">{usuario.nome.split(" ")[0].length > 24 ? usuario.nome.replace(/(.{24})..+/, "$1...") : usuario.nome.split(" ")[0]}!</li>
             </ul>
             </div>
             <ul
               tabIndex={0}
               className="dropdown-content z-[1] menu  p-0 gap-4 bg-black rounded-b-box w-full box-border"
             >
-              <li className="w-full justify hover:bg-secondary">
+              <li className=" hover:bg-secondary">
                 <Link
                   to="/perfil"
-                  className="flex justify-end gap-2 w-full px-4 py-2 box-border h-14"
+                  className="flex w-auto justify-end gap-2 px-1.5 py-2 box-border h-14"
                 >
-                  <span>Meu perfil</span>
+                  <p>Meu perfil</p>
                   <img
                     className="w-6"
                     src={userIconNBDB}
@@ -95,7 +95,7 @@ function Navbar() {
                 <Link
                   to=""
                   onClick={logout}
-                  className="flex justify-end gap-2 w-full px-4 py-2  box-border h-14 "
+                  className="flex justify-end gap-2 w-full px-1.5 py-2  box-border h-14 "
                 >
                   <span>Sair</span>
                   <img className="w-6" src={exitIconNB} alt="Ícone de saída" />