add zupass logo

proofcarryingdata · Jul 25, 2024 · 8072b5d · 8072b5d
1 parent 22bdb58
commit 8072b5d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/apps/passport-client/components/core/index.tsx b/apps/passport-client/components/core/index.tsx
@@ -92,9 +92,17 @@ export const PreWrap = styled.pre`
   overflow: hidden;
 `;
 
-export function ZuLogo(): JSX.Element {
+export function ZuLogo(
+  props: React.HTMLAttributes<HTMLImageElement>
+): JSX.Element {
   return (
-    <img draggable="false" src={icons.logo} width="160px" height="155px" />
+    <img
+      draggable="false"
+      src={icons.logo}
+      width="160px"
+      height="155px"
+      {...props}
+    />
   );
 }
 

diff --git a/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx b/apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx
@@ -30,7 +30,7 @@ import {
   isFrogCryptoFolder,
   isProtocolWorldsFolder
 } from "../../../src/util";
-import { Placeholder, Spacer } from "../../core";
+import { Placeholder, Spacer, ZuLogo } from "../../core";
 import { RippleLoader } from "../../core/RippleLoader";
 import { MaybeModal } from "../../modals/Modal";
 import { AppContainer } from "../../shared/AppContainer";
@@ -179,6 +179,11 @@ export function HomeScreenImpl(): JSX.Element | null {
     <>
       <MaybeModal />
       <AppContainer bg="gray">
+        <Spacer h={24} />
+        <div className="flex-col flex align-center items-center gap-2">
+          <ZuLogo width="64px" />{" "}
+          <div className="text-2xl font-bold">Zupass</div>
+        </div>
         <Spacer h={24} />
         {isRoot && !isOther && <AppHeader isEdgeCity={isEdgeCity} />}
         <Placeholder minH={540}>
@@ -252,7 +257,7 @@ export function HomeScreenImpl(): JSX.Element | null {
                       window.location.href = "#/other";
                     }}
                   >
-                    Your Other Data
+                    Other Data
                   </div>
                 </>
               )}

diff --git a/apps/passport-client/components/shared/PCDCardList.tsx b/apps/passport-client/components/shared/PCDCardList.tsx
@@ -159,7 +159,7 @@ export function PCDCardList({
       )}
 
       {sortedPCDs.length > 1 && (
-        <div className="flex flex-row gap-4 ">
+        <div className="flex flex-row gap-4 mb-[0.75rem]">
           <div
             className={cn(
               "border-4 border-cyan-950 flex-grow",