Merge pull request #11 from BlankParticle/fix/font-design-and-typos

un · Jun 23, 2024 · 0257bcf · 0257bcf
2 parents b2be9c6 + c29014b
commit 0257bcf
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 41 deletions.
diff --git a/README.md b/README.md
@@ -33,7 +33,7 @@ Check out [untun](https://github.com/unjs/untun) by the UnJs team_
 
 `UnWebhook` is built with the following epic technologies & tools:
 
-- [Nuxt JS](https://nuxt.com) Vue based FrontEnd & Backend + modules
+- [Next JS](https://nextjs.com) React based FrontEnd & Backend
 - [Tailwind](https://tailwindcss.com/) CSS Engine
 - [tRPC](https://trpc.io/) Typesafe APIs
 - [DrizzleORM](https://orm.drizzle.team/) ORM + MySQL

diff --git a/src/app/[orgSlug]/_components/new-destination.tsx b/src/app/[orgSlug]/_components/new-destination.tsx
@@ -80,15 +80,15 @@ export function NewDestinationDialog({ orgSlug }: { orgSlug: string }) {
       <DialogTrigger asChild>
         <Button className="gap-1">
           <Plus size={16} />
-          Create New Endpoint
+          Create New Destination
         </Button>
       </DialogTrigger>
       <DialogPortal>
         <DialogContent>
           <DialogHeader>
-            <DialogTitle>Create New Endpoint</DialogTitle>
+            <DialogTitle>Create New Destination</DialogTitle>
             <DialogDescription>
-              A endpoint is a URL which will be used with the Webhooks you want to catch.
+              A destination is a URL where the events would be forwarded to.
             </DialogDescription>
           </DialogHeader>
           <Form {...form}>
@@ -108,7 +108,7 @@ export function NewDestinationDialog({ orgSlug }: { orgSlug: string }) {
                       <Input placeholder="Destination Name" {...field} />
                     </FormControl>
                     <FormDescription>
-                      The name of the endpoint, this will be displayed in the table.
+                      The name of the destination, this will be displayed in the table.
                     </FormDescription>
                     <FormMessage />
                   </FormItem>
@@ -129,7 +129,7 @@ export function NewDestinationDialog({ orgSlug }: { orgSlug: string }) {
                 )}
               />
               <Button type="submit" className="w-full" disabled={isPending}>
-                {isPending ? "Creating Endpoint..." : "Create Endpoint"}
+                {isPending ? "Creating Destination..." : "Create Destination"}
               </Button>
             </form>
           </Form>

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -23,7 +23,7 @@ export const metadata: Metadata = {
 export default function RootLayout({ children }: Readonly<PropsWithChildren>) {
   return (
     <html lang="en" className="h-svh max-h-svh" suppressHydrationWarning>
-      <body className={cn(inter.variable, jetBrainsMono.variable, "h-full antialiased")}>
+      <body className={cn(inter.variable, jetBrainsMono.variable, "h-full font-sans antialiased")}>
         <ThemeProvider
           enableColorScheme
           enableSystem

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -8,7 +8,7 @@ export default async function Home() {
   if (user) redirect("/dashboard");
 
   return (
-    <div className="mx-auto flex w-fit flex-col items-center justify-center gap-4">
+    <div className="mx-auto flex h-full w-fit flex-col items-center justify-center gap-4">
       <h1 className="text-5xl font-bold">UnWebhook</h1>
       <p className="text-lg font-semibold">
         A Webhook Request Catcher/Relayer/Replayer by{" "}

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -5,47 +5,47 @@
 @layer base {
   :root {
     --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
+    --foreground: 222.2 84% 4.9%;
     --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
+    --card-foreground: 222.2 84% 4.9%;
     --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
-    --primary: 346.8 77.2% 49.8%;
-    --primary-foreground: 355.7 100% 97.3%;
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
     --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
-    --ring: 346.8 77.2% 49.8%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
     --radius: 1rem;
   }
 
   .dark {
-    --background: 20 14.3% 4.1%;
-    --foreground: 0 0% 95%;
-    --card: 24 9.8% 10%;
-    --card-foreground: 0 0% 95%;
-    --popover: 0 0% 9%;
-    --popover-foreground: 0 0% 95%;
-    --primary: 346.8 77.2% 49.8%;
-    --primary-foreground: 355.7 100% 97.3%;
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 0 0% 15%;
-    --muted-foreground: 240 5% 64.9%;
-    --accent: 12 6.5% 15.1%;
-    --accent-foreground: 0 0% 98%;
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
     --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 85.7% 97.3%;
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 346.8 77.2% 49.8%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9;
   }
 }