dtoro/zui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added styles

Browse Source
This commit is contained in:
authentik Default Admin
2026-03-06 00:05:45 +01:00
parent 48b9d29114
commit 417999d4d8
2 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ConfigNode.tsx
View File

@@ -87,8 +87,8 @@ export default function ConfigNode({ id, data }: Props) {
return ( return (
<div className="w-80 bg-white rounded shadow hover:shadow-md border border-gray-200"> <div className="w-80 bg-white rounded shadow hover:shadow-md border border-gray-200">
<div className="px-3 py-2 border-b border-gray-100 flex items-center justify-between"> <div className="px-3 py-2 border-b border-gray-100 flex items-center justify-between">
<div className="text-sm font-medium">Configuration</div> <div className="text-sm font-medium">{id}.yml</div>
<div className="text-xs text-gray-400">YAML</div> <div className="text-xs text-gray-400">CONFIG</div>
</div> </div>
{connectedConfigNodes.length > 0 && ( {connectedConfigNodes.length > 0 && (

9
src/components/RenderingNode.tsx
View File

@@ -96,9 +96,12 @@ export default function RenderingNode({ id }: Props) {
}, [id, incomingIds.join(','), yamlText, nodes.length, edges.length]) }, [id, incomingIds.join(','), yamlText, nodes.length, edges.length])
return ( return (
<div className="w-72 bg-white rounded shadow-sm border p-3"> <div className="w-80 bg-white rounded shadow hover:shadow-md border border-gray-200">
<div className="text-sm font-medium mb-2">Rendering</div> <div className="px-3 py-2 border-b border-gray-100 flex items-center justify-between">
<pre className="text-xs text-gray-800 max-h-40 overflow-auto">{output}</pre> <div className="text-sm font-medium">{id}</div>
<div className="text-xs text-gray-400">RENDERER</div>
</div>
<pre className="text-xs text-gray-800 max-h-40 overflow-auto p-3">{output}</pre>
<Handle type="target" position={Position.Left} id="in" style={{ background: '#F97316' }} /> <Handle type="target" position={Position.Left} id="in" style={{ background: '#F97316' }} />
</div> </div>
) )