misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix missing CSS in SkBadgeStrip

Browse source
This commit is contained in:
Hazelnoot 2025-07-06 20:06:42 -04:00
parent 57450fd8b8
commit 0cfb48d363
1 changed files with 1 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

11
packages/frontend/src/components/SkBadgeStrip.vue
View file

@ -10,7 +10,7 @@ Horizontal strip that displays a user's badges.
<div <div
v-for="badge of badges" v-for="badge of badges"
:key="badge.key" :key="badge.key"
:class="[$style.badge, semanticClass(badge)]" :class="[$style.badge, $style[`semantic_${badge.style ?? 'neutral'}`]]"
> >
{{ badge.label }} {{ badge.label }}
</div> </div>
@ -39,18 +39,9 @@ export interface Badge {
</script> </script>
<script setup lang="ts"> <script setup lang="ts">
import { useCssModule } from 'vue';
const $style = useCssModule();
defineProps<{ defineProps<{
badges: Badge[], badges: Badge[],
}>(); }>();
function semanticClass(badge: Badge): string {
const style = badge.style ?? 'neutral';
return $style[`semantic_${style}`];
}
</script> </script>
<style module lang="scss"> <style module lang="scss">