dark mode fixes

privacy-scaling-explorations · Nov 7, 2024 · a641915 · a641915
1 parent 6c15c8c
commit a641915
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/packages/interface/src/components/TimeSlot.tsx b/packages/interface/src/components/TimeSlot.tsx
@@ -5,7 +5,7 @@ interface TimeSlotProps {
 
 export const TimeSlot = ({ num, unit }: TimeSlotProps): JSX.Element => (
   <div className="flex flex-1 flex-col items-center">
-    <p className="text-2xl">
+    <p className="text-2xl dark:text-white">
       <b>{num}</b>
     </p>
 

diff --git a/packages/interface/src/features/ballot/components/ProjectAvatarWithName.tsx b/packages/interface/src/features/ballot/components/ProjectAvatarWithName.tsx
@@ -24,6 +24,10 @@ export const ProjectAvatarWithName = ({
   const { data: projects } = useProjectById(id, registryAddress);
 
   const metadata = useProjectMetadata(projects?.metadataUrl);
+  const description =
+    metadata.data?.bio && metadata.data.bio.length > 140
+      ? `${metadata.data.bio.substring(0, 140)}...`
+      : metadata.data?.bio;
 
   const Component = isLink ? Link : "div";
 
@@ -35,7 +39,7 @@ export const ProjectAvatarWithName = ({
         <div className="font-bold uppercase dark:text-white">{metadata.data?.name}</div>
 
         <div className="text-sm text-gray-400">
-          <p>{showDescription && (metadata.data?.bio ?? null)}</p>
+          <p>{showDescription && (description ?? null)}</p>
 
           <p>{allocation > 0 && `Votes you have allocated: ${allocation}`}</p>
         </div>

diff --git a/packages/interface/src/layouts/DefaultLayout.tsx b/packages/interface/src/layouts/DefaultLayout.tsx
@@ -116,7 +116,7 @@ export const LayoutWithSidebar = ({ ...props }: ILayoutProps): JSX.Element => {
           />
 
           {showSubmitButton && ballot.votes.length > 0 && (
-            <div className="flex flex-col gap-4">
+            <div className="mt-4 flex flex-col gap-4">
               <SubmitBallotButton pollId={props.pollId ?? ""} />
 
               <Notice