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

feat: fix styles in filters

Browse Source
This commit is contained in:
Sergey Elpashev
2025-05-06 13:11:57 +03:00
parent 2c11c3b21a
commit 5b5082df38
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/profile_tasks.tsx
View File

@@ -203,7 +203,6 @@ const ProfileTasks: FunctionComponent = () => {
}
filtered = filtered.filter((task) => (filterTags.overdue ? task.date < new Date() : task.date >= new Date()));
console.log(filtered);
return filtered;
}, [tasks, searchQuery, filterTags]);
@@ -671,17 +670,17 @@ const ProfileTasks: FunctionComponent = () => {
"flex items-center justify-center",
"border-2 w-6 h-6 text-gray-600 rounded-lg transition-colors duration-200",
{
"border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900": !context.checked,
"border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400": context.checked,
"border-gray-300 bg-white": !context.checked,
"border-blue-500 bg-blue-500": context.checked,
},
{
"hover:border-blue-500 dark:hover:border-blue-400 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]":
"hover:border-blue-500 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]":
!props.disabled,
"cursor-default opacity-60": props.disabled,
}
),
}),
icon: "w-4 h-4 transition-all duration-200 text-white text-base dark:text-gray-900",
icon: "w-4 h-4 transition-all duration-200 text-white text-base",
}}
></Checkbox>
<label htmlFor="overdue" class="cursor-pointer">
@@ -772,11 +771,11 @@ const ProfileTasks: FunctionComponent = () => {
)}
</div>
{(filterTags.first || filterTags.second) && (
{(filterTags.first || filterTags.second || filterTags.overdue) && (
<button
class="mt-2 w-full rounded-lg bg-red-100 px-4 py-2 text-red-600 hover:bg-red-200"
onClick={() => {
setFilterTags({ first: "", second: "" });
setFilterTags({ first: "", second: "", overdue: false });
setOpenFirstList(false);
setOpenSecondList(false);
}}