The_Great_Archive/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy.git synced 2026-09-14 11:06:15 +05:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(ui): change filter layout breakpoint to lg to prevent overflow on tablets

Browse Source
This commit is contained in:
Yash Kumar 2026-09-12 15:59:18 +05:30
parent 26317e9126
commit 1e9873b3e4
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/dokploy/components/dashboard/overview/show-overview-deployments.tsx
View File

@ -72,14 +72,14 @@ export const ShowOverviewDeployments = () => {
onValueChange={setSubtab}
className="w-full min-w-0"
>
{/* Responsive layout: Tabs on top and filters wrap below on mobile, inline single-row on md+ */}
<div className="flex flex-col md:flex-row md:items-center gap-y-4 gap-x-3 mt-2">
{/* Responsive layout: Tabs on top and filters wrap below on mobile/tablet, inline single-row on lg+ */}
<div className="flex flex-col lg:flex-row lg:items-center gap-y-4 gap-x-3 mt-2">
<TabsList className="self-start shrink-0">
<TabsTrigger value="deployments">Deployments</TabsTrigger>
<TabsTrigger value="queue">Queue</TabsTrigger>
</TabsList>
{subtab === "deployments" && (
<div className="flex flex-wrap md:flex-nowrap items-center gap-2 md:ml-auto">
<div className="flex flex-wrap lg:flex-nowrap items-center gap-2 lg:ml-auto">
<Input
placeholder="Search by name, project, environment, server..."
value={globalFilter}