Guid styling

1Hive · Jun 24, 2023 · 78c68e3 · 78c68e3
1 parent 21695fe
commit 78c68e3
Show file tree

Hide file tree

Showing 21 changed files with 323 additions and 171 deletions.
diff --git a/packages/react-app/src/assets/ChallenengeScreenshot.png b/packages/react-app/src/assets/ChallenengeScreenshot.png
diff --git a/packages/react-app/src/assets/ChallengeScreenshot.png b/packages/react-app/src/assets/ChallengeScreenshot.png
diff --git a/packages/react-app/src/assets/ClaimScreenshot.png b/packages/react-app/src/assets/ClaimScreenshot.png
diff --git a/packages/react-app/src/assets/CreateQuestScreenshot.png b/packages/react-app/src/assets/CreateQuestScreenshot.png
diff --git a/packages/react-app/src/assets/ListScreenshot.png b/packages/react-app/src/assets/ListScreenshot.png
diff --git a/packages/react-app/src/assets/PlayScreenshot.png b/packages/react-app/src/assets/PlayScreenshot.png
diff --git a/packages/react-app/src/assets/RecoverFundsScreenshot.png b/packages/react-app/src/assets/RecoverFundsScreenshot.png
diff --git a/packages/react-app/src/assets/ResolveScreenshot.png b/packages/react-app/src/assets/ResolveScreenshot.png
diff --git a/packages/react-app/src/assets/background-logo.png b/packages/react-app/src/assets/background-logo.png
diff --git a/packages/react-app/src/assets/piggy.png b/packages/react-app/src/assets/piggy.png
diff --git a/packages/react-app/src/components/modals/challenge-modal.tsx b/packages/react-app/src/components/modals/challenge-modal.tsx
@@ -38,6 +38,11 @@ const FormStyled = styled(Form)`
 const OpenButtonStyled = styled(Button)`
   margin: ${GUpx(1)};
   width: fit-content;
+
+  &,
+  span {
+    color: #242424;
+  }
 `;
 
 const OpenButtonWrapperStyled = styled.div`
@@ -362,6 +367,7 @@ export default function ChallengeModal({
                 error={touched.reason && errors.reason}
                 onBlur={handleBlur}
                 wide
+                placeHolder="Explain with precision how this claim does not met the quest requirement..."
               />
             </Outset>
           </FormStyled>

diff --git a/packages/react-app/src/components/modals/execute-claim-modal.tsx b/packages/react-app/src/components/modals/execute-claim-modal.tsx
@@ -26,6 +26,11 @@ import ModalBase, { ModalCallback } from './modal-base';
 const OpenButtonStyled = styled(Button)`
   margin: ${GUpx(1)};
   width: fit-content;
+
+  &,
+  span {
+    color: #242424;
+  }
 `;
 
 const OpenButtonWrapperStyled = styled.div`

diff --git a/packages/react-app/src/components/modals/fund-modal.tsx b/packages/react-app/src/components/modals/fund-modal.tsx
@@ -26,6 +26,10 @@ const FormStyled = styled(Form)`
 const OpenButtonStyled = styled(Button)`
   margin: 0 ${GUpx(1)};
   width: fit-content;
+  &,
+  span {
+    color: #242424;
+  }
 `;
 
 type Props = {