All files / repo/src/components/Sidebar/SidebarLegentPanel SidebarLegentPanel.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<template>
  <CollapsiblePanel :title="$t('rarityLegend.title')">
    <div class="sidebar-rarity-legend-panel">
      <div v-for="rarity in rarities" :key="rarity" class="legend-item">
        <span class="legend-color" :style="{ backgroundColor: RarityColors[rarity] }" />
        <span>{{ $t('rarityLegend.' + rarity) }}</span>
      </div>
    </div>
  </CollapsiblePanel>
</template>
 
<script setup lang="ts">
import { rarities, RarityColors } from '@/components/GameCanvas/GameCanvas.const';
 
defineOptions({
  inheritAttrs: false,
});
defineProps<{}>();
</script>
 
<style scoped src="././SidebarLegentPanel.scss" />