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

chore(ui): adjust padding and logo size in Navigation and Search components

Browse Source
This commit is contained in:
Mauricio Siu
2025-03-15 12:01:55 -06:00
parent 205179f816
commit 9ec6c4f944
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/Navigation.tsx
View File

@@ -23,10 +23,10 @@ const Navigation = () => {
}, [setGithubStars]); }, [setGithubStars]);
return ( return (
<div className="flex sticky top-0 bg-background/80 backdrop-blur-xs z-10 justify-between items-center p-4 border-b"> <div className="flex sticky top-0 bg-background/80 backdrop-blur-xs z-10 justify-between items-center p-2 py-4 lg:p-4 border-b">
<div className="flex flex-row gap-2 justify-center items-center"> <div className="flex flex-row gap-2 justify-center items-center">
<DokployLogo className="w-10 h-10 text-black dark:text-white" /> <DokployLogo className="size-7 lg:size-10 text-black dark:text-white" />
<h1 className="text-2xl font-bold">Dokploy Templates</h1> <h1 className="text-2xl font-bold hidden lg:block">Dokploy Templates</h1>
</div> </div>
<div className="flex flex-row gap-2 justify-center items-center"> <div className="flex flex-row gap-2 justify-center items-center">
<Button <Button

4
app/src/components/Search.tsx
View File

@@ -44,7 +44,7 @@ const Search = () => {
}, [uniqueTags, tagSearch]); }, [uniqueTags, tagSearch]);
return ( return (
<div className=" mx-auto p-12 border-b w-full"> <div className=" mx-auto p-4 lg:p-12 border-b w-full">
{/* <h1 className="text-2xl md:text-3xl xl:text-4xl font-bold text-center mb-8"> {/* <h1 className="text-2xl md:text-3xl xl:text-4xl font-bold text-center mb-8">
Available Templates ({templates?.length || 0}) Available Templates ({templates?.length || 0})
</h1> */} </h1> */}
@@ -71,7 +71,7 @@ const Search = () => {
<XIcon className="absolute end-3 translate-y-3.5 top-1/2 h-5 w-5 text-gray-400" /> <XIcon className="absolute end-3 translate-y-3.5 top-1/2 h-5 w-5 text-gray-400" />
</div> </div>
) : ( ) : (
<SearchIcon className="absolute end-3 translate-y-3.5 top-1/2 h-5 w-5 text-gray-400" /> <SearchIcon className="absolute end-3 translate-y-2 top-1/2 lg:size-5 size-4 text-gray-400" />
)} )}
</div> </div>