mirror/dashboard-icons
1
0
Fork 0
mirror of https://github.com/walkxcode/dashboard-icons.git synced 2025-10-31 16:57:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

styling changes

Browse Source
This commit is contained in:
Thomas Camlong
2025-04-18 15:56:11 +02:00
parent 7ed66b5da7
commit 783e3d1f4b
3 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/app/icons/page.tsx
View File

@@ -52,9 +52,9 @@ export const dynamic = "force-static"
export default async function IconsPage() {
const icons = await getIconsArray()
return (
<div className="relative isolate overflow-hidden">
<div className="isolate overflow-hidden">
<div className="py-8">
<div className="space-y-4 mb-8 mx-auto max-w-[80vw] relative">
<div className="space-y-4 mb-8 mx-auto min-w-[80vw]">
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
<div>
<h1 className="text-3xl font-bold">Browse icons</h1>

2
web/src/components/header.tsx
View File

@@ -41,7 +41,7 @@ export function Header() {
return (
<motion.header
className="border-b sticky top-0 z-50 backdrop-blur-md border-border/50"
className="border-b sticky top-0 z-50 backdrop-blur-2xl bg-background/50 border-border/50"
initial={{ y: -20, opacity: 0 }}
animate={{ y: 0, opacity: 1 }}
transition={{ duration: 0.3, ease: "easeOut" }}

17
web/src/components/icon-submission-form.tsx
View File

@@ -45,17 +45,20 @@ export function IconSubmissionContent({ onClose }: { onClose?: () => void }) {
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-2">
{ISSUE_TEMPLATES.map((template) => (
<Link key={template.id} href={template.url} className="w-full group" target="_blank" rel="noopener noreferrer">
<Link key={template.id} href={template.url} className="w-full group z10" target="_blank" rel="noopener noreferrer">
<Button
variant="secondary"
key={template.id}
variant="outline"
className="w-full flex flex-col items-start gap-1 h-auto p-4 text-left cursor-pointer0/10 dark:hover:bg-rose-900/30 transition-all duration-300"
className="w-full flex flex-col items-start gap-1 h-auto p-4 text-left cursor-pointer transition-all duration-300"
asChild
>
<div className="flex w-full items-center justify-between">
<span className="font-medium group-hover: transition-all duration-300">{template.name}</span>
<ExternalLink className="h-4 w-4 text-muted-foreground group-hover: transition-all duration-300" />
<div>
<div className="flex w-full items-center justify-between">
<span className="font-medium transition-all duration-300">{template.name}</span>
<ExternalLink className="h-4 w-4 text-muted-foreground transition-all duration-300" />
</div>
<span className="text-xs text-muted-foreground">{template.description}</span>
</div>
<span className="text-xs text-muted-foreground">{template.description}</span>
</Button>
</Link>
))}