add squircle logo

apps/web/src/app/(dashboard)/emails/email-details.tsx

@@ -93,7 +93,7 @@ export default function EmailDetails({ emailId }: { emailId: string }) {
           </div>
         </div>
         {emailQuery.data?.latestStatus !== "SCHEDULED" ? (
-          <div className=" border rounded-lg w-full shadow ">
+          <div className=" border rounded-lg w-full shadow mb-2 ">
             <div className="  p-4 flex flex-col gap-8 w-full">
               <div className="font-medium">Events History</div>
               <div className="flex items-stretch px-4 w-full">

apps/web/src/app/login/login-page.tsx

@@ -26,6 +26,7 @@ import { env } from "~/env";
 import { BuiltInProviderType, Provider } from "next-auth/providers/index";
 import Spinner from "@unsend/ui/src/spinner";
 import Link from "next/link";
+import { useTheme } from "@unsend/ui";
 
 const emailSchema = z.object({
   email: z
@@ -110,15 +111,17 @@ export default function LoginPage({
     signIn(provider);
   };
 
+  const { resolvedTheme } = useTheme();
+
   return (
     <main className="h-screen flex justify-center items-center">
       <div className="flex flex-col gap-6">
         <Image
-          src="/logo-dark.png"
+          src={resolvedTheme === "dark" ? "/logo-dark.png" : "/logo-light.png"}
           alt="Unsend"
-          width={60}
-          height={60}
-          className="mx-auto border rounded-lg p-2 bg-black"
+          width={50}
+          height={50}
+          className="mx-auto"
         />
         <div>
           <p className="text-2xl text-center font-semibold">

apps/web/src/components/FullScreenLoading.tsx

@@ -1,9 +1,17 @@
-import { Logo } from "@unsend/ui/src/logo";
+import { useTheme } from "@unsend/ui";
+import Image from "next/image";
 
 export const FullScreenLoading = () => {
+  const { resolvedTheme } = useTheme();
   return (
     <div className="flex items-center justify-center min-h-screen">
-      <Logo className="w-10 h-10" />
+      <Image
+        src={"/logo-light.png"}
+        alt="Unsend"
+        width={45}
+        height={45}
+        className="mx-auto"
+      />
     </div>
   );
 };