opensource/dashboard-icons
1
0
Fork 0
mirror of https://github.com/walkxcode/dashboard-icons.git synced 2025-06-28 23:40:21 +08:00
Code Issues Actions 1 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
No known key found for this signature in database
GPG Key ID: A678F374F428457B
3 changed files with 13 additions and 10 deletions
Show Stats 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() { export default async function IconsPage() {
const icons = await getIconsArray() const icons = await getIconsArray()
return ( return (
<div className="relative isolate overflow-hidden"> <div className="isolate overflow-hidden">
<div className="py-8"> <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 className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
<div> <div>
<h1 className="text-3xl font-bold">Browse icons</h1> <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 ( return (
<motion.header <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 }} initial={{ y: -20, opacity: 0 }}
animate={{ y: 0, opacity: 1 }} animate={{ y: 0, opacity: 1 }}
transition={{ duration: 0.3, ease: "easeOut" }} transition={{ duration: 0.3, ease: "easeOut" }}

13
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-4">
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
{ISSUE_TEMPLATES.map((template) => ( {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 <Button
variant="secondary"
key={template.id} key={template.id}
variant="outline" className="w-full flex flex-col items-start gap-1 h-auto p-4 text-left cursor-pointer transition-all duration-300"
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" asChild
> >
<div>
<div className="flex w-full items-center justify-between"> <div className="flex w-full items-center justify-between">
<span className="font-medium group-hover: transition-all duration-300">{template.name}</span> <span className="font-medium transition-all duration-300">{template.name}</span>
<ExternalLink className="h-4 w-4 text-muted-foreground group-hover: transition-all duration-300" /> <ExternalLink className="h-4 w-4 text-muted-foreground transition-all duration-300" />
</div> </div>
<span className="text-xs text-muted-foreground">{template.description}</span> <span className="text-xs text-muted-foreground">{template.description}</span>
</div>
</Button> </Button>
</Link> </Link>
))} ))}