fix: truncte longer text (#5150)

2022-10-27 13:52:03 +05:30 · 2022-10-27 13:52:03 +05:30 · bf34296864
parent d0a24f7c3c
commit bf34296864
1 changed files with 3 additions and 1 deletions
--- a/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx
+++ b/packages/ui/v2/core/navigation/tabs/VerticalTabItem.tsx
@ -58,7 +58,9 @@ const VerticalTabItem = function ({
              {props.icon && <props.icon className="mr-[10px] h-[16px] w-[16px] stroke-[2px] md:mt-0" />}
              <div>
                <span className="flex items-center space-x-2">
-                  <Skeleton as="p">{t(name)}</Skeleton>
+                  <Skeleton title={t(name)} as="p" className="max-w-36 truncate">
+                    {t(name)}
+                  </Skeleton>
                  {props.isExternalLink ? <Icon.FiExternalLink /> : null}
                </span>
                {info && (