fix text-align on team (#7372)

* fix text-align on team * more fixes to the length * use truncate for long text * Update packages/features/settings/layouts/SettingsLayout.tsx --------- Co-authored-by: Omar López <zomars@me.com>
2023-02-24 16:59:24 -07:00
parent 7d1bc5f0c5
commit 641301afab
1 changed files with 2 additions and 2 deletions
@@ -243,7 +243,7 @@ const SettingsSidebarContainer = ({
                          }>
                          <CollapsibleTrigger>
                            <div
-                              className="flex h-9 w-64 flex-row items-center rounded-md px-3 py-[10px] text-sm font-medium leading-none hover:bg-gray-100  group-hover:text-gray-700 [&[aria-current='page']]:bg-gray-200 [&[aria-current='page']]:text-gray-900"
+                              className="flex h-9 w-64 flex-row items-center rounded-md px-3 py-[10px] text-sm font-medium leading-none hover:bg-gray-100  group-hover:text-gray-700 [&[aria-current='page']]:bg-gray-200 [&[aria-current='page']]:text-gray-900 text-left"
                              onClick={() =>
                                setTeamMenuState([
                                  ...teamMenuState,
@@ -261,7 +261,7 @@ const SettingsSidebarContainer = ({
                                className="h-[16px] w-[16px] self-start rounded-full stroke-[2px] ltr:mr-2 rtl:ml-2 md:mt-0"
                                alt={team.name || "Team logo"}
                              />
-                              <p>{team.name}</p>
+                              <p className="w-1/2 truncate">{team.name}</p>
                              {!team.accepted && (
                                <Badge className="ltr:ml-3 rtl:mr-3" variant="orange">
                                  Inv.