mirror of
https://github.com/imputnet/cobalt.git
synced 2025-06-28 01:18:27 +00:00
720b3c5f68
- fully stylized small dialog: header, title, subtext, state without meowbalt - moved meowbalt into his own adaptive component, no need to import/create new ones for each emotion - better types for dialog related stuff - type for meowbalt's emotions - better padding in small dialog
32 lines
530 B
Svelte
32 lines
530 B
Svelte
<script lang="ts">
|
|
import { t } from "$lib/i18n/translations";
|
|
|
|
import type { MeowbaltEmotions } from "$lib/types/meowbalt";
|
|
|
|
export let emotion: MeowbaltEmotions;
|
|
</script>
|
|
|
|
<img
|
|
class="meowbalt {emotion}"
|
|
src="/meowbalt/{emotion}.png"
|
|
height="152"
|
|
alt={$t(`a11y.meowbalt.${emotion}`)}
|
|
/>
|
|
|
|
<style>
|
|
.meowbalt {
|
|
display: block;
|
|
margin: 0;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.think,
|
|
.error {
|
|
height: 160px;
|
|
}
|
|
|
|
.error {
|
|
margin-left: 25px;
|
|
}
|
|
</style>
|