feat: feature/mvp-sprint-1 Added seedling select state styling

Browse Source
This commit is contained in:
Nikolaj Frey 2023-08-14 20:32:14 +10:00
parent a15434052f
commit 7c7a4f8677
2 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
remix/app/components/Icon/Icon.tsx
View File

@ -185,6 +185,7 @@ export const Icon = (props) => {
return ( return (
<Center <Center
transition="all 0.2s ease-out" transition="all 0.2s ease-out"
{...props}
{...props?.chakras} {...props?.chakras}
fontSize={props?.size} fontSize={props?.size}
> >

15
remix/app/components/Thingtime/Thingtime.tsx
View File

@ -690,20 +690,25 @@ export const Thingtime = (props) => {
width="100%" width="100%"
paddingLeft={multiplyPl(2)} paddingLeft={multiplyPl(2)}
opacity={props?.edit ? 1 : 0} opacity={props?.edit ? 1 : 0}
border="none !important"
cursor="pointer" cursor="pointer"
transition="all 0.2s ease-out" transition="all 0.2s ease-out"
outline="none !important"
onClick={addNewChild} onClick={addNewChild}
paddingY={2}
>
<Icon
_focus={{
outline: "none !important",
textShadow: "0px 0px 10px green",
}}
onKeyDown={(e) => { onKeyDown={(e) => {
if (e?.key === "Enter") { if (e?.key === "Enter") {
addNewChild() addNewChild()
} }
}} }}
paddingY={2}
tabIndex={0} tabIndex={0}
> size={10}
<Icon size={10} name="seedling"></Icon> name="seedling"
></Icon>
{/* <Icon size={7} name="plus"></Icon> {/* <Icon size={7} name="plus"></Icon>
<Icon size={7} name="plus"></Icon> */} <Icon size={7} name="plus"></Icon> */}
</Flex> </Flex>