diff --git a/src/components/Topics.js b/src/components/Topics.js index 57cac06b..4262a986 100644 --- a/src/components/Topics.js +++ b/src/components/Topics.js @@ -15,6 +15,7 @@ export default function Topics() { currentTag={tag.name === currentTag} htmlFor={`filter-${tag.name}`} key={`filter-${tag.name}`} + clickable > (props.small ? `1.2rem;` : `1.7rem;`)} - + font-size: ${props => (props.small ? `1.2rem;` : `1.7rem;`)}; padding: 5px; color: hsla(0, 100%, 100%, 0.8); transition: background-color 0.2s; - cursor: pointer; + cursor: ${props => (props.clickable? "pointer" : "default")}; display: grid; grid-template-columns: 1fr auto; align-items: center;