Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy synced 2025-06-26 18:27:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #1121 from thebadking/canary

Browse Source 
style: fix tablet and mobile (Create from Template)
This commit is contained in:
Mauricio Siu
2025-01-18 10:52:24 -06:00
committed by GitHub
parent ad479c4be1 0893149db0
commit e8f2ab35c9
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/dokploy/components/dashboard/project/add-template.tsx
View File

@@ -114,26 +114,26 @@ export const AddTemplate = ({ projectId }: Props) => {
</DialogTrigger> </DialogTrigger>
<DialogContent className="max-h-screen sm:max-w-[90vw] p-0"> <DialogContent className="max-h-screen sm:max-w-[90vw] p-0">
<DialogHeader className="sticky top-0 z-10 bg-background p-6 border-b"> <DialogHeader className="sticky top-0 z-10 bg-background p-6 border-b">
<div className="flex flex-col space-y-4"> <div className="flex flex-col space-y-6">
<div className="flex items-center justify-between"> <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-6">
<div> <div>
<DialogTitle>Create from Template</DialogTitle> <DialogTitle>Create from Template</DialogTitle>
<DialogDescription> <DialogDescription>
Create an open source application from a template Create an open source application from a template
</DialogDescription> </DialogDescription>
</div> </div>
<div className="flex items-center gap-4"> <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4">
<Input <Input
placeholder="Search Template" placeholder="Search Template"
onChange={(e) => setQuery(e.target.value)} onChange={(e) => setQuery(e.target.value)}
className="w-[200px]" className="w-full sm:w-[200px]"
value={query} value={query}
/> />
<Popover modal={true}> <Popover modal={true}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button <Button
variant="outline" variant="outline"
className={cn("w-[200px] justify-between !bg-input")} className={cn("w-full sm:w-[200px] justify-between !bg-input")}
> >
{isLoadingTags {isLoadingTags
? "Loading...." ? "Loading...."
@@ -238,8 +238,8 @@ export const AddTemplate = ({ projectId }: Props) => {
className={cn( className={cn(
"grid gap-6", "grid gap-6",
viewMode === "detailed" viewMode === "detailed"
? "grid-cols-1 sm:grid-cols-2 lg:grid-cols-6" ? "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5"
: "grid-cols-2 sm:grid-cols-4 lg:grid-cols-8", : "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6",
)} )}
> >
{templates?.map((template, index) => ( {templates?.map((template, index) => (
@@ -340,6 +340,7 @@ export const AddTemplate = ({ projectId }: Props) => {
<AlertDialog> <AlertDialog>
<AlertDialogTrigger asChild> <AlertDialogTrigger asChild>
<Button <Button
variant="secondary"
size="sm" size="sm"
className={cn( className={cn(
"w-auto", "w-auto",