sergey/anti-hvost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: input colors and some improvements

Browse Source
This commit is contained in:
Sergey Elpashev
2025-05-06 14:48:15 +03:00
parent 562302b5a0
commit ec81492d49
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/profile_tasks.tsx
View File

@@ -259,7 +259,9 @@ const ProfileTasks: FunctionComponent = () => {
<div class="flex w-full flex-row items-start justify-between"> <div class="flex w-full flex-row items-start justify-between">
<div class="flex flex-1 flex-col gap-1 pe-2"> <div class="flex flex-1 flex-col gap-1 pe-2">
<input <input
class="w-full text-2xl outline-0" class={cn("w-full p-2 text-2xl outline-0", {
"rounded-md bg-gray-400/30 ring-1 ring-gray-400": isEditModal,
})}
disabled={!isEditModal} disabled={!isEditModal}
placeholder="Название" placeholder="Название"
{...register("name", { {...register("name", {
@@ -268,7 +270,9 @@ const ProfileTasks: FunctionComponent = () => {
})} })}
/> />
<textarea <textarea
class="h-[5rem] w-full resize-none outline-0" class={cn("h-[5rem] w-full resize-none p-2 outline-0", {
"rounded-md bg-gray-400/30 ring-1 ring-gray-400": isEditModal,
})}
disabled={!isEditModal} disabled={!isEditModal}
placeholder={isEditModal ? "Описание" : ""} placeholder={isEditModal ? "Описание" : ""}
{...register("description", { {...register("description", {
@@ -283,7 +287,7 @@ const ProfileTasks: FunctionComponent = () => {
/> />
<input type="checkbox" hidden {...register("checked")} /> <input type="checkbox" hidden {...register("checked")} />
</div> </div>
<div class="flex flex-row gap-4"> <div class="flex flex-col gap-4 md:flex-row">
<div <div
className="flex cursor-pointer flex-col items-center gap-3" className="flex cursor-pointer flex-col items-center gap-3"
onClick={() => { onClick={() => {
@@ -373,13 +377,13 @@ const ProfileTasks: FunctionComponent = () => {
<div class="flex w-full flex-1 flex-row items-start justify-between"> <div class="flex w-full flex-1 flex-row items-start justify-between">
<div class="flex flex-1 flex-col gap-1 pe-2"> <div class="flex flex-1 flex-col gap-1 pe-2">
<input <input
class="w-full text-2xl outline-0" class="w-full rounded-md bg-gray-400/30 p-2 text-2xl ring-1 ring-gray-400 outline-0"
maxLength={20} maxLength={20}
placeholder="Название" placeholder="Название"
{...register("name", { required: "Заполните название" })} {...register("name", { required: "Заполните название" })}
/> />
<textarea <textarea
class="h-[5rem] w-full resize-none outline-0" class="h-[5rem] w-full resize-none rounded-md bg-gray-400/30 p-2 ring-1 ring-gray-400 outline-0"
placeholder="Описание" placeholder="Описание"
maxLength={200} maxLength={200}
{...register("description")} {...register("description")}
@@ -392,7 +396,7 @@ const ProfileTasks: FunctionComponent = () => {
/> />
<input type="checkbox" checked={false} hidden {...register("checked")} /> <input type="checkbox" checked={false} hidden {...register("checked")} />
</div> </div>
<div class="flex flex-row gap-3 self-start"> <div class="flex flex-col gap-3 self-start md:flex-row">
<CalendarDaysIcon <CalendarDaysIcon
class="size-8 cursor-pointer" class="size-8 cursor-pointer"
onClick={() => { onClick={() => {