fix: example icon color (#6447)

* fix: example icon color

fix: example color

* fix: indentation

* fix: use gray color from colors for example

* fix:  margin  issues
This commit is contained in:
sanish chirayath
2025-12-18 20:37:59 +05:30
committed by GitHub
parent aac219d4cd
commit 052d143d6e
6 changed files with 55 additions and 24 deletions

View File

@@ -49,6 +49,11 @@ const StyledWrapper = styled.div`
}
}
}
.example-icon {
color: ${(props) => props.theme.sidebar.collection.item.example.iconColor};
}
`;
export default StyledWrapper;

View File

@@ -198,8 +198,8 @@ const ExampleItem = ({ example, item, collection }) => {
style={{ paddingLeft: 8 }}
>
<div style={{ width: 16, minWidth: 16 }}></div>
<ExampleIcon size={16} color="currentColor" className="mr-2 text-gray-400 flex-shrink-0" />
<span className="item-name truncate text-gray-700 dark:text-gray-300 ">{example.name}</span>
<ExampleIcon size={16} color="currentColor" className="example-icon mr-1 flex-shrink-0" />
<span className="item-name truncate">{example.name}</span>
</div>
<div className="menu-icon pr-2">
<MenuDropdown