max/nodarium
1
0
Fork 0
Code Issues 12 Pull Requests 2 Actions Packages Projects Releases 3 Wiki Activity

feat/shape-node #36

Open
max wants to merge 12 commits from feat/shape-node into main
pull from: feat/shape-node
merge into: max:main
Conversation 0 Commits 12 Files Changed 25 +9 -2
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 615f2d3c48 - Show all commits

11
packages/ui/src/routes/Section.svelte
View File

@@ -1,8 +1,9 @@
<script lang="ts"> <script lang="ts">
import { type Snippet } from 'svelte'; import { type Snippet } from 'svelte';
let { title, value, children, class: _class } = $props<{ let { title, value, header, children, class: _class } = $props<{
title?: string; title?: string;
value?: unknown; value?: unknown;
header?: Snippet;
children?: Snippet; children?: Snippet;
class?: string; class?: string;
}>(); }>();
@@ -11,7 +12,13 @@
<section class="border-outline border-1/2 bg-layer-1 rounded border mb-4 p-4 flex flex-col gap-4 {_class}"> <section class="border-outline border-1/2 bg-layer-1 rounded border mb-4 p-4 flex flex-col gap-4 {_class}">
<h3 class="flex gap-2 font-bold"> <h3 class="flex gap-2 font-bold">
{title} {title}
<p class="font-normal! opacity-50!">{value}</p> <div class="flex gap-4 w-full font-normal opacity-50 max-w-[75%] whitespace-pre overflow-hidden text-clip">
{#if header}
{@render header()}
{:else}
{value}
{/if}
</div>
</h3> </h3>
<div> <div>
{@render children()} {@render children()}