diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx index d50928fe0a..efeceed420 100644 --- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx +++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Home.tsx @@ -7,7 +7,7 @@ interface HomeProps { function Home ({ verticalIconPlugin }: HomeProps) { return (
await verticalIconPlugin.activateHome()} {...{ plugin: 'home'}} title="Home" diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css index 5d6c98f0e8..c14e3bb47c 100644 --- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css +++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css @@ -4,6 +4,10 @@ height: 42px; cursor: pointer; } + .remixui_homeIcon:hover { + box-shadow: 0px 0px 14px -7px; + } + .remixui_homeIcon svg path { fill: var(--primary); } @@ -16,13 +20,14 @@ justify-content: space-between; align-items: center; } + .remixui_icon:hover { + box-shadow: 0px 0px 14px -7px; + } + .remixui_icon { cursor: pointer; - margin-bottom: 3px; - position: 12px; width: 36px; height: 36px; - padding: relative; border-radius: 8px; } .remixui_icon img {