Cossale/PromptVerse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: Better design system

Browse source
This commit is contained in:
Aun Ali 2025-08-09 16:22:54 +00:00
parent d89e9f40da
commit 5a513f2551
4 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app/globals.css
View file

@ -14,7 +14,7 @@ body {
--card-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--primary: 262.1 83.3% 57.8%;
--primary: 142.1 83.3% 57.8%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 210 40% 9.8%;
@ -26,7 +26,7 @@ body {
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 262.1 83.3% 57.8%;
--ring: 142.1 83.3% 57.8%;
--radius: 0.5rem;
--chart-1: 12 76% 61%;
--chart-2: 173 58% 39%;
@ -42,7 +42,7 @@ body {
--card-foreground: 210 40% 98%;
--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;
--primary: 263.4 95.2% 66.3%;
--primary: 143.4 95.2% 66.3%;
--primary-foreground: 210 40% 98%;
--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;
@ -54,7 +54,7 @@ body {
--destructive-foreground: 0 85.7% 97.3%;
--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--ring: 263.4 95.2% 66.3%;
--ring: 143.4 95.2% 66.3%;
--chart-1: 220 70% 50%;
--chart-2: 160 60% 45%;
--chart-3: 30 80% 55%;

4
src/app/layout.tsx
View file

@ -19,8 +19,8 @@ export default function RootLayout({
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
<link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet"></link>
</head>
<body className="font-body antialiased bg-gradient-to-br from-[#0a001a] to-[#1e0033] text-foreground min-h-screen">
<div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_400px_at_50%_300px,#3a007233,transparent)]"></div>
<body className="font-body antialiased bg-gradient-to-br from-[#001a0a] to-[#003320] text-foreground min-h-screen">
<div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_400px_at_50%_300px,#007a3233,transparent)]"></div>
<div className="relative z-10">
{children}
</div>

2
src/components/create-prompt-dialog.tsx
View file

@ -95,7 +95,7 @@ export function CreatePromptDialog() {
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild>
<Button>
<Button className="bg-primary/20">
<PlusCircle className="mr-2 h-4 w-4" />
New Prompt
</Button>

6
src/components/prompt-card.tsx
View file

@ -46,7 +46,7 @@ export function PromptCard({ prompt }: PromptCardProps) {
<CardFooter className="flex flex-col items-start gap-4">
<div className="flex flex-wrap gap-2">
{prompt.tags.map((tag) => (
<Badge key={tag} variant="secondary" className="bg-primary/20 text-primary-foreground/80 border-none">
<Badge key={tag} variant="secondary" className="bg-primary/20 text-primary-foreground/80 border-none hover:bg-primary/50">
{tag}
</Badge>
))}
@ -55,9 +55,9 @@ export function PromptCard({ prompt }: PromptCardProps) {
onClick={handleCopy}
variant="ghost"
size="sm"
className="w-full justify-center group"
className="w-full justify-center group bg-primary/60 hover:bg-primary/50"
>
<Copy className="h-4 w-4 mr-2 group-hover:text-accent transition-colors" />
<Copy className="h-4 w-4 mr-2 group-hover:text-primaty/50 transition-colors" />
Copy Prompt
</Button>
</CardFooter>