devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved the responsiveness of the application for tablet as well

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-10-19 10:19:33 +01:00
parent 171f328278
commit 57f2135848
8 changed files with 48 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Low/Input.tsx
View File

@@ -1,3 +1,4 @@
import clsx from "clsx";
import {useState} from "react";
interface Props {
@@ -6,12 +7,13 @@ interface Props {
label?: string;
placeholder?: string;
defaultValue?: string;
className?: string;
disabled?: boolean;
name: string;
onChange: (value: string) => void;
}
export default function Input({type, label, placeholder, name, required = false, defaultValue, disabled = false, onChange}: Props) {
export default function Input({type, label, placeholder, name, required = false, defaultValue, className, disabled = false, onChange}: Props) {
const [showPassword, setShowPassword] = useState(false);
if (type === "password") {
@@ -44,7 +46,7 @@ export default function Input({type, label, placeholder, name, required = false,
}
return (
<div className="flex flex-col gap-3 w-full">
<div className={clsx("flex flex-col gap-3 w-full", className)}>
{label && (
<label className="font-normal text-base text-mti-gray-dim">
{label}