Files
radicle-explorer/src/components/DiffStatBadge.svelte
T
Sebastian Martinez 874605633e Refactor types
- Improves the hierarchy of types into separate folders
- Improve the types generation making more structs and less serde_json
- Adding more optional values to the tauri commands
2024-10-23 11:58:37 +02:00

34 lines
774 B
Svelte

<script lang="ts">
import type { Stats } from "@bindings/cob/Stats";
export let stats: Stats;
</script>
<style>
.diff-stat-badge {
display: flex;
clip-path: var(--1px-corner-fill);
height: 1.5rem;
}
.insertions {
display: flex;
padding: 0 0.5rem;
align-items: center;
color: var(--color-foreground-success);
background-color: var(--color-fill-diff-green-light);
}
.deletions {
display: flex;
padding: 0 0.5rem;
align-items: center;
color: var(--color-foreground-red);
background-color: var(--color-fill-diff-red-light);
}
</style>
<div class="diff-stat-badge txt-mono txt-semibold txt-small">
<div class="insertions">+{stats.insertions}</div>
<div class="deletions">-{stats.deletions}</div>
</div>