fix width

constantgillet · Apr 28, 2024 · ffac747 · ffac747
1 parent 4aa1f88
commit ffac747
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 12 deletions.
diff --git a/app/components/PropertyTextField.tsx b/app/components/PropertyTextField.tsx
@@ -2,24 +2,19 @@ import { TextField, Tooltip } from "@radix-ui/themes";
 import { Icon } from "./Icon";
 import { css } from "styled-system/css";
 import { RootProps } from "node_modules/@radix-ui/themes/dist/esm/components/text-field";
-import { forwardRef } from "react";
 
 //Get default props of input
 type PropertyTextFieldProps = RootProps & {
   hasVariable: boolean;
   icon?: React.ReactNode;
 };
 
-export const PropertyTextField = forwardRef(function PropertyTextFieldComponent(
-  props: PropertyTextFieldProps,
-  ref: React.Ref<HTMLInputElement>
-) {
+export const PropertyTextField = (props: PropertyTextFieldProps) => {
   const { hasVariable, icon, ...inputProps } = props;
 
   return (
-    <TextField.Root>
+    <TextField.Root {...inputProps}>
       {icon ? <TextField.Slot>{icon}</TextField.Slot> : null}
-      <TextField.Root ref={ref} {...inputProps} />
       {hasVariable ? (
         <TextField.Slot
           style={{
@@ -47,4 +42,4 @@ export const PropertyTextField = forwardRef(function PropertyTextFieldComponent(
       ) : null}
     </TextField.Root>
   );
-});
+};
diff --git a/app/routes/_app._main-layout.account.tsx b/app/routes/_app._main-layout.account.tsx
@@ -54,7 +54,7 @@ export default function SettingsLayout() {
                 color="gray"
                 disabled={link.disabled}
                 className={css({
-                  w: "100%",
+                  w: "full!important",
                   textAlign: "left",
                 })}
                 style={{
@@ -64,7 +64,7 @@ export default function SettingsLayout() {
               >
                 <div
                   className={css({
-                    w: "100%",
+                    w: "full!important",
                     textAlign: "left",
                   })}
                 >

diff --git a/app/routes/_auth.login.tsx b/app/routes/_auth.login.tsx
@@ -93,7 +93,7 @@ export default function LoginPage() {
           <FormSubmitButton
             size="3"
             className={css({
-              w: "full",
+              w: "full!important",
             })}
             variant="classic"
           >

diff --git a/app/routes/_auth.register.tsx b/app/routes/_auth.register.tsx
@@ -100,7 +100,7 @@ export default function LoginPage() {
           <FormSubmitButton
             size="3"
             className={css({
-              w: "full",
+              w: "full!important",
             })}
             variant="classic"
           >