feat(editor): NDV UI overhaul experiment (#14209)

Co-authored-by: jakeranallo <jake.ranallo@gmail.com>
This commit is contained in:
Elias Meire
2025-07-04 17:14:17 +02:00
committed by GitHub
parent 5db122be0d
commit 6ef38411d8
33 changed files with 2528 additions and 195 deletions

View File

@@ -0,0 +1,42 @@
<script setup lang="ts">
defineProps<{ title: string }>();
defineSlots<{
icon(): unknown;
description(): unknown;
}>();
</script>
<template>
<article :class="$style.empty">
<slot name="icon" />
<h1 :class="$style.title">{{ title }}</h1>
<p :class="$style.description"><slot name="description" /></p>
</article>
</template>
<style lang="css" module>
.empty {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
gap: var(--spacing-2xs);
line-height: 2;
color: var(--color-text-base);
}
.title {
font-size: var(--font-size-m);
font-weight: var(--font-weight-bold);
color: var(--color-text-base);
margin: 0;
}
.description {
font-size: var(--font-size-s);
max-width: 180px;
margin: 0;
}
</style>