From 86ea7eb72d6c9914e28a2fb8d23e175c6fdbcf15 Mon Sep 17 00:00:00 2001
From: KMKoushik <koushikmohan1996@gmail.com>
Date: Sun, 20 Oct 2024 08:56:27 +1100
Subject: [PATCH] fix smtp design

---
 .../app/(dashboard)/dev-settings/smtp/page.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/dev-settings/smtp/page.tsx b/apps/web/src/app/(dashboard)/dev-settings/smtp/page.tsx
index e0fa68b..26fe258 100644
--- a/apps/web/src/app/(dashboard)/dev-settings/smtp/page.tsx
+++ b/apps/web/src/app/(dashboard)/dev-settings/smtp/page.tsx
@@ -30,36 +30,38 @@ export default function ExampleCard() {
         </CardDescription>
       </CardHeader>
       <CardContent>
-        <div className="space-y-4">
+        <div className="space-y-6">
           <div>
             <strong>Host:</strong>
             <TextWithCopyButton
-              className="ml-1 text-zinc-500 rounded-lg mt-1 p-2 w-full bg-gray-900"
+              className="ml-1 border bg-primary/10  rounded-lg mt-1 p-2 w-full "
               value={"smtp.unsend.dev"}
             ></TextWithCopyButton>
           </div>
           <div>
             <strong>Port:</strong>
             <TextWithCopyButton
-              className="ml-1 text-zinc-500 rounded-lg mt-1 p-2 w-full bg-gray-900"
+              className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10 font-mono"
               value={"465"}
             ></TextWithCopyButton>
-            <p className="ml-1 mt-1 text-zinc-500 ">
-              For encrypted/TLS connections use <strong>2465</strong>,{" "}
-              <strong>587</strong> or <strong>2587</strong>
+            <p className="ml-1 mt-1 text-zinc-500 text-sm ">
+              For encrypted/TLS connections use{" "}
+              <strong className="font-mono">2465</strong>,{" "}
+              <strong className="font-mono">587</strong> or{" "}
+              <strong className="font-mono">2587</strong>
             </p>
           </div>
           <div>
             <strong>User:</strong>
             <TextWithCopyButton
-              className="ml-1 text-zinc-500 rounded-lg mt-1 p-2 w-full bg-gray-900"
+              className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10"
               value={"unsend"}
             ></TextWithCopyButton>
           </div>
           <div>
             <strong>Password:</strong>
             <TextWithCopyButton
-              className="ml-1 text-zinc-500 rounded-lg mt-1 p-2 w-full bg-gray-900"
+              className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10"
               value={"YOUR_API_KEY"}
             ></TextWithCopyButton>
           </div>