commonscomputer/cal.diy
4
0
Fork 0
Code Issues Pull Requests Actions 1.9k Packages Projects Releases Wiki Activity

fix: resolve search bar overlap with title on tablet viewports (#27050) (#27055)

Browse Source 
* fix: resolve search bar overlap with title on tablet viewports (#27050)

* Update ShellMainAppDir.tsx

---------

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
This commit is contained in:
Shoaib Akhtar Ansari
2026-01-20 14:36:58 +00:00
committed by GitHub
co-authored by Anik Dhabal Babu
parent fd130a3fbd
commit e8e50b70df
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/app/(use-page-wrapper)/(main-nav)/ShellMainAppDir.tsx
+5 -2
View File
@@ -17,11 +17,14 @@ export function ShellMainAppDir(props: LayoutProps) {
{!!props.backPath && <ShellMainAppDirBackButton backPath={props.backPath} />}
{props.heading && (
<header
className={classNames(props.large && "py-8", "flex w-full max-w-full items-center truncate")}>
className={classNames(
props.large && "py-8",
"flex w-full max-w-full items-center flex-wrap md:flex-nowrap gap-2 md:gap-0"
)}>
{props.HeadingLeftIcon && <div className="ltr:mr-4">{props.HeadingLeftIcon}</div>}
<div
className={classNames(
"hidden w-full truncate ltr:mr-4 rtl:ml-4 md:block",
"hidden min-w-0 flex-1 ltr:mr-4 rtl:ml-4 md:block",
props.headerClassName
)}>
{props.heading && (