diff --git a/src/components/common/WordCloud.vue b/src/components/common/WordCloud.vue
index 99a98cf..c525b8d 100644
--- a/src/components/common/WordCloud.vue
+++ b/src/components/common/WordCloud.vue
@@ -12,19 +12,24 @@
:key="word.text"
:id="word.text"
:style="{
- fontSize: word.size + 'px',
+ fontSize: isSelected(word.text)
+ ? word.size * 1.3 + 'px'
+ : word.size + 'px',
fontFamily: word.font,
cursor: 'pointer',
- filter:
- selectedSkillStore.skill?.name === word.text
- ? 'drop-shadow( 0px 0px 3px rgba(0, 0, 0, 0.5))'
- : 'none',
+ filter: isSelected(word.text)
+ ? 'drop-shadow( 0px 0px 6px rgba(255, 255, 255, 1))'
+ : 'none',
userSelect: 'none',
}"
:transform="`translate(${word.x}, ${word.y})rotate(${word.rotate})`"
text-anchor="middle"
@click="word.text && highlightText(word.text)"
class="word"
+ :class="{
+ selected: isSelected(word.text),
+ unselected: !noSelectionAtAll() && !isSelected(word.text),
+ }"
>
{{ word.text }}
@@ -34,11 +39,19 @@