Merge pull request #1106 from DJKnaeckebrot/fix/styling-after-sidebar-fixes

fix(style): clean up sidebar related style issue

apps/dokploy/components/dashboard/docker/show/show-containers.tsx

@@ -53,7 +53,7 @@ export const ShowContainers = ({ serverId }: Props) => {
 
   const [sorting, setSorting] = React.useState<SortingState>([]);
   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
-		[],
+    []
   );
   const [columnVisibility, setColumnVisibility] =
     React.useState<VisibilityState>({});
@@ -80,7 +80,7 @@ export const ShowContainers = ({ serverId }: Props) => {
 
   return (
     <div className="w-full">
-			<Card className="h-full bg-sidebar  p-2.5 rounded-xl  max-w-8xl mx-auto">
+      <Card className="h-full bg-sidebar p-2.5 rounded-xl">
         <div className="rounded-xl bg-background shadow-md ">
           <CardHeader className="">
             <CardTitle className="text-xl flex flex-row gap-2">
@@ -163,7 +163,7 @@ export const ShowContainers = ({ serverId }: Props) => {
                                     ? null
                                     : flexRender(
                                         header.column.columnDef.header,
-																				header.getContext(),
+                                        header.getContext()
                                       )}
                                 </TableHead>
                               );
@@ -182,7 +182,7 @@ export const ShowContainers = ({ serverId }: Props) => {
                                 <TableCell key={cell.id}>
                                   {flexRender(
                                     cell.column.columnDef.cell,
-																		cell.getContext(),
+                                    cell.getContext()
                                   )}
                                 </TableCell>
                               ))}

apps/dokploy/components/dashboard/file-system/show-traefik-system.tsx

@@ -30,12 +30,12 @@ export const ShowTraefikSystem = ({ serverId }: Props) => {
     },
     {
       retry: 2,
-		},
+    }
   );
 
   return (
     <div className="w-full">
-			<Card className="h-full bg-sidebar  p-2.5 rounded-xl  max-w-8xl mx-auto">
+      <Card className="h-full bg-sidebar p-2.5 rounded-xl">
         <div className="rounded-xl bg-background shadow-md ">
           <CardHeader className="">
             <CardTitle className="text-xl flex flex-row gap-2">

apps/dokploy/components/dashboard/monitoring/web-server/show.tsx

@@ -3,7 +3,7 @@ import { DockerMonitoring } from "../docker/show";
 
 export const ShowMonitoring = () => {
 	return (
-		<div className="my-6 w-full ">
+		<div className="w-full">
 			<DockerMonitoring appName="dokploy" />
 		</div>
 	);

apps/dokploy/components/dashboard/swarm/monitoring-card.tsx

@@ -70,7 +70,7 @@ export default function SwarmMonitorCard({ serverId }: Props) {
 	);
 
 	return (
-		<Card className="h-full bg-sidebar  p-2.5 rounded-xl  max-w-8xl mx-auto w-full">
+		<Card className="h-full bg-sidebar  p-2.5 rounded-xl mx-auto w-full">
 			<div className="rounded-xl bg-background shadow-md p-6 flex flex-col gap-4">
 				<header className="flex items-center justify-between">
 					<div className="space-y-1">
@@ -94,7 +94,7 @@ export default function SwarmMonitorCard({ serverId }: Props) {
 					)}
 				</header>
 
-				<div className="grid gap-6 md:grid-cols-3">
+				<div className="grid gap-6 lg:grid-cols-3">
 					<Card className="bg-background">
 						<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
 							<CardTitle className="text-sm font-medium">Total Nodes</CardTitle>

apps/dokploy/components/layouts/side.tsx

@@ -8,6 +8,7 @@ import {
 	BlocksIcon,
 	BookIcon,
 	ChevronRight,
+	CircleHelp,
 	Command,
 	CreditCard,
 	Database,
@@ -127,7 +128,7 @@ const data = {
 			isActive: false,
 		},
 		{
-			title: "File System",
+			title: "Traefik File System",
 			url: "/dashboard/traefik",
 			icon: GalleryVerticalEnd,
 			isSingle: true,
@@ -317,9 +318,15 @@ const data = {
 		},
 		{
 			name: "Support",
+			url: "https://discord.gg/2tBnJ3jDJc",
+			icon: CircleHelp,
+		},
+		{
+			name: "Sponsor",
 			url: "https://opencollective.com/dokploy",
 			icon: Heart,
 		},
+
 		// {
 		// 	name: "Sales & Marketing",
 		// 	url: "#",

apps/dokploy/pages/dashboard/settings/profile.tsx

@@ -26,7 +26,7 @@ const Page = () => {
 	const { data: isCloud } = api.settings.isCloud.useQuery();
 	return (
 		<div className="w-full">
-			<div className="h-full  p-2.5 rounded-xl  max-w-5xl mx-auto flex flex-col gap-4">
+			<div className="h-full rounded-xl  max-w-5xl mx-auto flex flex-col gap-4">
 				<ProfileForm />
 				{(user?.canAccessToAPI || data?.rol === "admin") && <GenerateToken />}
 

apps/dokploy/pages/dashboard/settings/server.tsx

@@ -13,7 +13,7 @@ import superjson from "superjson";
 const Page = () => {
 	return (
 		<div className="w-full">
-			<div className="h-full  p-2.5 rounded-xl  max-w-5xl mx-auto flex flex-col gap-4">
+			<div className="h-full rounded-xl  max-w-5xl mx-auto flex flex-col gap-4">
 				<WebDomain />
 				<WebServer />
 			</div>