UI changes for poll

zkshop · Aug 2, 2024 · 2e74e1b · 2e74e1b
1 parent 64ea5db
commit 2e74e1b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/apps/poll/src/ChoiceItem.tsx b/apps/poll/src/ChoiceItem.tsx
@@ -22,7 +22,9 @@ export const ChoiceItem = ({
 }: ChoiceItemType) => (
   <ChoiceCard>
     <Flex p={15} alignItems="center" justifyContent="center" flexDirection="column">
-      <Text textAlign="center">{title}</Text>
+      <Text textAlign="center" color="white">
+        {title}
+      </Text>
       <Box mt={2}>
         {alreadyVoted || completed ? (
           <Stat textAlign="center">
@@ -32,6 +34,7 @@ export const ChoiceItem = ({
         ) : (
           <VoteButton
             display="flex"
+            textAlign="center"
             onClick={() => handleClickOnChoice({ count: votes, value: title, id })}
             justifyContent="space-between"
           >

diff --git a/apps/poll/src/Choices.tsx b/apps/poll/src/Choices.tsx
@@ -154,7 +154,7 @@ export const Choices = () => {
         <Box marginTop={8} flex={1} display="flex" justifyContent="center" alignItems="center">
           {isLocked ? (
             <Heading color="grey" textAlign="center" fontSize="x-large">
-              Connect your wallet with Human Divergence NFT to vote
+              Connect your wallet
             </Heading>
           ) : (
             <Flex gap={2} justifyContent="center" flexWrap="wrap" w="100%">

diff --git a/apps/poll/src/Layout.tsx b/apps/poll/src/Layout.tsx
@@ -26,7 +26,7 @@ function Layout() {
       <GridItem
         display="flex"
         alignItems="center"
-        justifyContent="space-between"
+        justifyContent="flex-end"
         overflow="hidden"
         rowSpan={1}
         paddingX={15}

diff --git a/apps/poll/src/Poll.tsx b/apps/poll/src/Poll.tsx
@@ -17,7 +17,9 @@ export const Poll = ({ title, image, completed }: PollType) => (
     <Box position="relative">
       {completed && (
         <TitleLayer>
-          <Text fontWeight="bold">Completed</Text>
+          <Text fontWeight="bold" color="white">
+            Completed
+          </Text>
         </TitleLayer>
       )}
       <PollImage completed={completed} src={image} />