chore: update react-query styling in playground

devrnt · Jan 6, 2021 · 427996f · 427996f
1 parent fc6a9e1
commit 427996f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/playground/modules/wizard/reactQuery/lazyQuery.tsx b/playground/modules/wizard/reactQuery/lazyQuery.tsx
@@ -5,10 +5,14 @@ import { useMutation } from 'react-query';
 import { useWizard } from '../../../../dist';
 
 const Container = styled('div')`
+  background: var(--step);
+  border: 1px solid #250b46;
+  border-radius: 2px;
+  padding: 2.75rem 0.35rem;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
-  flex-direction: column;
   min-height: 35vh;
 `;
 

diff --git a/playground/modules/wizard/reactQuery/queryStep.tsx b/playground/modules/wizard/reactQuery/queryStep.tsx
@@ -3,10 +3,14 @@ import * as React from 'react';
 import { useQuery } from 'react-query';
 
 const Container = styled('div')`
+  background: var(--step);
+  border: 1px solid #250b46;
+  border-radius: 2px;
+  padding: 2.75rem 0.35rem;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
-  flex-direction: column;
   min-height: 35vh;
 `;