Merge branch 'main' of github.com:SuperViz/sv-activiation-app

SuperViz · Sep 20, 2024 · f66adb7 · f66adb7
2 parents cdcfecf + f44ec50
commit f66adb7
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 9 deletions.
diff --git a/src/app/enter/page.tsx b/src/app/enter/page.tsx
@@ -49,16 +49,16 @@ export default function Enter() {
   };
 
   return (
-    <form className="w-full h-full relative overflow-hidden flex flex-col pt-20">
+    <form className="user-page w-full h-full relative overflow-hidden flex flex-col" style={{
+      paddingTop: '2rem'
+    }}>
       <Input
         label={'Como gostaria de ser chamado(a)?'}
         id={'name'}
         onChange={handleChangeInput}
         value={formData['name']}
         type={'text'}
       />
-      <br />
-      <br />
       <Input
         label={'Qual seu email?'}
         id={'email'}

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -16,6 +16,14 @@ html, body {
   background: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #6210CC, #ff2d55) !important;
 }
 
+.user-page input {
+  border: 3px solid #666;
+}
+
+.user-page input:focus {
+    border: 3px solid #6210CC;
+  }
+
 @layer components {
   .activations {
     .pinpoint{

diff --git a/src/components/Activations/index.tsx b/src/components/Activations/index.tsx
@@ -29,7 +29,7 @@ export default function Activations({ activations }: IActivationsProps) {
 
   return (
     <div className="bg-[#201E21]/90 flex items-center px-[2.25rem] py-[1rem] rounded-2xl tv:px-[4.5rem] tv:py-[1.875rem] tv:rounded-[2rem]">
-      <p className="text-xl tv:text-[2.75rem] tv:leading-[3.2rem]">Ativações</p>
+      <p className="text-xl tv:text-[2.75rem] tv:leading-[3.2rem]">Junte pontos participando das ativações abaixo</p>
       {activations.map((act) => (
         <Activation key={act.color} activation={act} />
       ))}

diff --git a/src/components/Input/index.tsx b/src/components/Input/index.tsx
@@ -22,13 +22,11 @@ export default function Input({
     <div className="w-full px-1 flex flex-col align-center">
       <label
         htmlFor={id}
-        className="font-black text-white text-4xl text-center flex flex-col justify-center items-center w-full mb-5"
+        className="font-black text-white text-3xl text-center flex flex-col justify-center items-center w-full mb-5"
       >
         {label}
       </label>
-      {description && (
-        <p className="text-white text-center text-lg mb-5">{description}</p>
-      )}
+
       <input
         required
         type={type}
@@ -38,7 +36,10 @@ export default function Input({
         onChange={(event) => onChange(event)}
         onKeyDown={onKeyDown}
         value={value}
-      />
+      /> <br />
+      {description && (
+        <p className="text-white text-center text-md mb-5">{description}</p>
+      )}
     </div>
   );
 }