fix: use hidden (#5422)

Co-authored-by: Alex van Andel <me@alexvanandel.com>
2022-11-08 16:50:13 +00:00
parent 2ba5e6cdd4
commit 87ffedbebd
1 changed files with 1 additions and 1 deletions
@@ -812,7 +812,7 @@ export function ShellMain(props: LayoutProps) {
            {props.HeadingLeftIcon && <div className="ltr:mr-4">{props.HeadingLeftIcon}</div>}
            <div className="w-full ltr:mr-4 rtl:ml-4 sm:block">
              {props.heading && (
-                <h1 className="font-cal max-w-28 sm:max-w-72 md:max-w-80 mb-1 truncate text-xl font-bold tracking-wide text-black xl:max-w-full">
+                <h1 className="font-cal max-w-28 sm:max-w-72 md:max-w-80 mb-1 hidden truncate text-xl font-bold tracking-wide text-black sm:block xl:max-w-full">
                  {!isLocaleReady ? <SkeletonText invisible /> : props.heading}
                </h1>
              )}