feat: fix styles in staging and production environment

Light-it-labs · Nov 28, 2023 · 67ebc32 · 67ebc32
1 parent b3da0c9
commit 67ebc32
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 14 deletions.
diff --git a/apps/eo_web/dist/assets/main-20667dcd.css → apps/eo_web/dist/assets/main-32c26137.css b/apps/eo_web/dist/assets/main-20667dcd.css → apps/eo_web/dist/assets/main-32c26137.css
diff --git a/apps/eo_web/dist/assets/main-89f32e6d.js → apps/eo_web/dist/assets/main-d8248ea6.js b/apps/eo_web/dist/assets/main-89f32e6d.js → apps/eo_web/dist/assets/main-d8248ea6.js
diff --git a/apps/eo_web/dist/manifest.json b/apps/eo_web/dist/manifest.json
@@ -8,17 +8,17 @@
     "src": "../../packages/ui/src/assets/avatar.svg"
   },
   "src/main.css": {
-    "file": "assets/main-20667dcd.css",
+    "file": "assets/main-32c26137.css",
     "src": "src/main.css"
   },
   "src/main.tsx": {
     "assets": [
       "assets/UploadFile-694e44b5.svg"
     ],
     "css": [
-      "assets/main-20667dcd.css"
+      "assets/main-32c26137.css"
     ],
-    "file": "assets/main-89f32e6d.js",
+    "file": "assets/main-d8248ea6.js",
     "isEntry": true,
     "src": "src/main.tsx"
   }

diff --git a/apps/eo_web/src/screens/AccountCreation.tsx b/apps/eo_web/src/screens/AccountCreation.tsx
@@ -138,7 +138,12 @@ export const AccountCreation = () => {
               Create an Account
             </Typography>
 
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0 !important",
+              }}
+            >
               <Input
                 id={"firstName"}
                 type="text"
@@ -158,7 +163,12 @@ export const AccountCreation = () => {
                 placeholder="Last Name*"
               />
             </div>
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0 !important",
+              }}
+            >
               <Input
                 id={"email"}
                 placeholder="Email*"
@@ -180,7 +190,12 @@ export const AccountCreation = () => {
                 error={errors.password?.message}
               />
             </div>
-            <div className="grid grid-cols-2 gap-0 md:gap-4">
+            <div
+              className="grid grid-cols-2 gap-0 md:gap-4"
+              style={{
+                padding: "0 !important",
+              }}
+            >
               <Input
                 id={"phoneNumber"}
                 placeholder="Phone number*"
@@ -233,7 +248,7 @@ export const AccountCreation = () => {
                       <a
                         href="https://www.eo.care/web/terms-of-use"
                         target="_blank"
-                        className="underline"
+                        className="!font-nunito !text-[11px] !font-light underline"
                         rel="noreferrer"
                       >
                         Terms of Service
@@ -242,7 +257,7 @@ export const AccountCreation = () => {
                       <a
                         href="https://www.eo.care/web/privacy-policy"
                         target="_blank"
-                        className="underline"
+                        className="!font-nunito !text-[11px] !font-light underline"
                         rel="noreferrer"
                       >
                         Privacy Policy{" "}

diff --git a/packages/ui/src/form/Input.tsx b/packages/ui/src/form/Input.tsx
@@ -49,7 +49,7 @@ export const Input = forwardRef(
     const [showPassword, setShowPassword] = useState(false);
 
     return (
-      <div style={style} className={tw("relative ", containerClassName)}>
+      <div style={style} className={tw("relative", containerClassName)}>
         {!!label && <Label htmlFor={id} className="" label={label} />}
         <div
           className={tw(
@@ -58,7 +58,12 @@ export const Input = forwardRef(
           )}
         >
           {(!!left || type === "password") && (
-            <div className="pointer-events-none absolute pl-3">
+            <div
+              className="pointer-events-none pl-3"
+              style={{
+                position: "absolute",
+              }}
+            >
               <IconWrapper size="sm">
                 {left || (
                   <icons.LockIcon
@@ -97,10 +102,13 @@ export const Input = forwardRef(
             <IconWrapper
               size="sm"
               className={tw(
-                "absolute right-0 flex flex-row items-center justify-center",
+                "right-0 flex flex-row items-center justify-center",
                 `w-[${rightWidth}px]`,
                 preventEventsRightIcon ? "pointer-events-none" : "",
               )}
+              style={{
+                position: "absolute",
+              }}
             >
               {right ||
                 (showPassword ? (