mirror of
https://github.com/hanzo-io/cloud.git
synced 2026-10-30 18:57:42 +00:00
adeb8a7cda
* feat(Server): new hybrid server flow * fix: add summary * fix: better formatting for plan amount * fix: verify and create selfhosted record in one click * fix: loading state for button * chore: add setup step for self hosted servers and fix routing * fix(NewServer): validate ip * refactor: summary component --------- Co-authored-by: Saurabh <[email protected]>
30 lines
667 B
Vue
30 lines
667 B
Vue
<template>
|
|
<div class="w-full">
|
|
<h2 class="text-base font-medium leading-6 text-gray-900">Summary</h2>
|
|
<div
|
|
class="mt-2 grid gap-x-4 gap-y-2 rounded-md border bg-gray-50 p-4 text-p-base"
|
|
style="grid-template-columns: 4fr 4fr"
|
|
>
|
|
<template v-for="option in options" :key="option.label">
|
|
<div
|
|
v-if="option.condition ? option.condition() : true"
|
|
class="text-gray-600"
|
|
>
|
|
{{ option.label }}:
|
|
</div>
|
|
<div
|
|
v-if="option.condition ? option.condition() : true"
|
|
class="text-gray-900"
|
|
v-html="option.value"
|
|
/>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ['options']
|
|
};
|
|
</script>
|