Shun Miyazawa 2 лет назад
Родитель
Сommit
1dc07f305d
1 измененных файлов с 8 добавлено и 9 удалено
  1. 8 9
      apps/app/src/components/Sidebar/SidebarNav/PersonalDropdown.tsx

+ 8 - 9
apps/app/src/components/Sidebar/SidebarNav/PersonalDropdown.tsx

@@ -54,9 +54,11 @@ export const PersonalDropdown = (): JSX.Element => {
         </DropdownToggle>
         </DropdownToggle>
 
 
         <DropdownMenu container="body">
         <DropdownMenu container="body">
-          <DropdownItem className="px-4 pt-3 pb-2">
-            <UserPicture user={currentUser} size="lg" noLink noTooltip />
-            <h5>{currentUser.name}</h5>
+          <DropdownItem>
+            <div className="py-2">
+              <UserPicture user={currentUser} size="lg" noLink noTooltip />
+            </div>
+            <h5 className="ms-1">{currentUser.name}</h5>
             <div className="d-flex align-items-center">
             <div className="d-flex align-items-center">
               <span className="material-symbols-outlined me-1">person</span>
               <span className="material-symbols-outlined me-1">person</span>
               {currentUser.username}
               {currentUser.username}
@@ -74,8 +76,7 @@ export const PersonalDropdown = (): JSX.Element => {
               href={pagePathUtils.userHomepagePath(currentUser)}
               href={pagePathUtils.userHomepagePath(currentUser)}
               data-testid="grw-personal-dropdown-menu-user-home"
               data-testid="grw-personal-dropdown-menu-user-home"
             >
             >
-              <span className="material-symbols-outlined me-1">home</span>
-              {t('personal_dropdown.home')}
+              <span className="material-symbols-outlined me-1">home</span>{t('personal_dropdown.home')}
             </Link>
             </Link>
           </DropdownItem>
           </DropdownItem>
 
 
@@ -84,8 +85,7 @@ export const PersonalDropdown = (): JSX.Element => {
               href="/me"
               href="/me"
               data-testid="grw-personal-dropdown-menu-user-settings"
               data-testid="grw-personal-dropdown-menu-user-settings"
             >
             >
-              <span className="material-symbols-outlined me-1">build</span>
-              {t('personal_dropdown.settings')}
+              <span className="material-symbols-outlined me-1">build</span>{t('personal_dropdown.settings')}
             </Link>
             </Link>
           </DropdownItem>
           </DropdownItem>
 
 
@@ -97,8 +97,7 @@ export const PersonalDropdown = (): JSX.Element => {
           </DropdownItem>
           </DropdownItem>
 
 
           <DropdownItem onClick={logoutHandler}>
           <DropdownItem onClick={logoutHandler}>
-            <span className="material-symbols-outlined me-1">logout</span>
-            {t('Sign out')}
+            <span className="material-symbols-outlined me-1">logout</span>{t('Sign out')}
           </DropdownItem>
           </DropdownItem>
         </DropdownMenu>
         </DropdownMenu>
       </Dropdown>
       </Dropdown>