araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

fix style

Browse source
This commit is contained in:
araemer 2025-10-25 08:42:35 +02:00
parent 4290b02ca7
commit 1c00abe12e
4 changed files with 12 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/basics/SearchField.tsx
View file

@ -22,6 +22,8 @@ export default function SearchField({onSearchStringChanged}: SearchFieldProps) {
onSearchStringChanged(newSearchString)
}
const iconStyle: string = "text-gray-400 hover:text-gray-500";
return (
<div className="relative">
{/* Input of searchfield
@ -39,7 +41,7 @@ export default function SearchField({onSearchStringChanged}: SearchFieldProps) {
Clears search string on click
*/}
<button
className="absolute right-0 inset-y-0 flex items-center -ml-1 mr-3 default-icon"
className={`absolute right-0 inset-y-0 flex items-center -ml-1 mr-3 ${iconStyle}`}
onClick={() => changeSearchString("")}
>
<X
@ -47,7 +49,7 @@ export default function SearchField({onSearchStringChanged}: SearchFieldProps) {
/>
</button>
{/* Left icon: Looking glass */}
<div className="absolute left-0 inset-y-0 flex items-center ml-3 default-icon">
<div className={`absolute left-0 inset-y-0 flex items-center ml-3 ${iconStyle}`}>
<Search
size={defaultIconSize}
/>