hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Light sidebar fixes

Browse Source
This commit is contained in:
Sacha Weatherstone
2022-03-04 21:13:32 +11:00
parent ea5ab9376f
commit f8ba30df77
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layout/Sidebar/SidebarItem.tsx
+5 -9
View File
@@ -16,17 +16,13 @@ export const SidebarItem = ({
children, children,
}: SidebarItemProps): JSX.Element => { }: SidebarItemProps): JSX.Element => {
return ( return (
<m.div <div
onClick={(): void => { onClick={(): void => {
setSelected(); setSelected();
}} }}
animate={selected ? 'selected' : 'deselected'} className={`mx-2 flex cursor-pointer select-none rounded-md border bg-gray-200 p-2 shadow-md first:mt-2 last:mb-2 hover:border-primary dark:bg-tertiaryDark dark:hover:border-primary ${
initial={{ borderColor: '#1C1D23' }} selected ? 'border-primary' : 'border-gray-400 dark:border-gray-600'
variants={{ }`}
selected: { borderColor: '#67ea94' },
deselected: { borderColor: '#1C1D23' },
}}
className="mx-2 flex cursor-pointer select-none rounded-md border-2 p-2 first:mt-2 last:mb-2 dark:bg-secondaryDark"
> >
<m.div <m.div
className="flex w-full justify-between" className="flex w-full justify-between"
@@ -37,6 +33,6 @@ export const SidebarItem = ({
<div className="flex gap-1">{actions}</div> <div className="flex gap-1">{actions}</div>
</m.div> </m.div>
</m.div> </div>
); );
}; };