md.asif5/osaka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edits for other screen sizes

Browse Source
This commit is contained in:
Md Asif
2024-12-23 15:22:20 +05:30
parent 44112f91bd
commit c1df68b27a
10 changed files with 21 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/FormField.jsx
View File

@@ -5,7 +5,7 @@ import clsx from "clsx";
function FormField({ label, children, icon }) {
return (
<div className="flex">
<label className="mr-4 text-lg text-black dark:text-primary-dark w-[17%]">
<label className="mr-4 text-lg text-black dark:text-primary-dark md:w-[30%] xl:w-[20%] 2xl:w-[17%]">
{label}
</label>
<div className="flex w-full gap-4 items-center">

2
src/components/FormInput.jsx
View File

@@ -12,7 +12,7 @@ function FormInput({
<input
readOnly={readOnly}
value={value}
className={`w-1/4 h-10 px-2 rounded-full dark:bg-white dark:text-grey border-2 text-grey focus:outline-grey ${className}`}
className={`w-1/2 md:w-1/3 lg:w-1/4 h-10 px-2 rounded-full dark:bg-white dark:text-grey border-2 text-grey focus:outline-grey ${className}`}
onChange={onChange}
type={type}
maxLength={maxLength}

2
src/components/FormSelect.jsx
View File

@@ -5,7 +5,7 @@ function FormSelect({ value, onChange, options, className }) {
<select
value={value}
className={
"w-1/4 h-10 px-2 rounded-full dark:bg-white dark:text-grey border-2 text-grey focus:outline-grey " +
"w-1/2 md:w-1/3 lg:w-1/4 h-10 px-2 rounded-full dark:bg-white dark:text-grey border-2 text-grey focus:outline-grey " +
className
}
onChange={onChange}