From 8f808595af25f515838a0c52b5105f54d79405fc Mon Sep 17 00:00:00 2001 From: Puyodead1 Date: Sun, 13 Aug 2023 20:10:03 -0400 Subject: [PATCH] fix sidebar action item cursor not matching guild items --- src/components/GuildItem.tsx | 5 +---- src/components/GuildSidebarListItem.tsx | 1 + 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/src/components/GuildItem.tsx b/src/components/GuildItem.tsx index 3ec52add..24e4a9e3 100644 --- a/src/components/GuildItem.tsx +++ b/src/components/GuildItem.tsx @@ -18,10 +18,7 @@ const Wrapper = styled(Container)<{ active?: boolean; hasImage?: boolean }>` border-radius: ${(props) => (props.active ? "30%" : "50%")}; background-color: ${(props) => props.hasImage ? "transparent" : props.active ? "var(--primary)" : "var(--background-secondary)"}; - transition: - border-radius 0.2s ease, - background-color 0.2s ease; - cursor: pointer; + transition: border-radius 0.2s ease, background-color 0.2s ease; &:hover { border-radius: 30%; diff --git a/src/components/GuildSidebarListItem.tsx b/src/components/GuildSidebarListItem.tsx index f7eacc6a..ae2ea4ba 100644 --- a/src/components/GuildSidebarListItem.tsx +++ b/src/components/GuildSidebarListItem.tsx @@ -6,6 +6,7 @@ const GuildSidebarListItem = styled.li` display: flex; justify-content: center; width: 72px; + cursor: pointer; `; export default GuildSidebarListItem;