mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-05 02:44:02 +00:00
Sameh Khamis
b9ecb9b9f5
UiBadge takes a tone and carries Core's gev-status-badge class, with the density variants and colours left to its callers; the CCTV source and calibration badges and the rail card badges render through it. UiEmpty takes a title and hint, with the title as the line itself, since Core's empty states are one line; the Scene shot list, mission roster and imagery strip use it.
17 lines
595 B
Vue
17 lines
595 B
Vue
<script setup>
|
|
// Core's read-only badge, with @halfpixel/ui-vue UiBadge's `tone` and classes
|
|
// so the two kits can merge. It carries Core's `gev-status-badge` class, and
|
|
// callers add its density variants (`gev-status-badge--box`, `--plain`) and
|
|
// the feature classes that colour it; the kit classes carry no Core styles
|
|
// yet. Not mirrored yet: pulse, busy, the tone glyphs and the clipped title.
|
|
defineProps({
|
|
tone: { type: String, default: 'neutral' },
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<span class="ui-badge gev-status-badge" :class="`ui-badge--${tone}`"
|
|
><slot
|
|
/></span>
|
|
</template>
|