37 lines
858 B
Vue
37 lines
858 B
Vue
<template>
|
|
<PopupTemplate size="SMALL" heading="Delete Pod" @close="emits('close')">
|
|
<div class="content-l">
|
|
<div class="content-m">
|
|
<div class="tile-m">
|
|
<h3>Namespace</h3>
|
|
<p>{{ pod.metadata.namespace }}</p>
|
|
</div>
|
|
<div class="tile-m">
|
|
<h3>Name</h3>
|
|
<p>{{ pod.metadata.name }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="center">
|
|
<UiButton class="width-6rem hollow">Cancel</UiButton>
|
|
<UiButton class="width-6rem" icon="delete" reverse>Delete</UiButton>
|
|
</div>
|
|
</div>
|
|
</PopupTemplate>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { type Pod } from '~/classes/Pod';
|
|
|
|
defineProps<{
|
|
pod: Pod
|
|
}>();
|
|
|
|
const emits = defineEmits<{
|
|
(e: 'close'): void
|
|
}>()
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|