Skip to content

[Style] Compact Modern Nodes #6687

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DrJKL merged 11 commits into from
Nov 14, 2025
Merged

[Style] Compact Modern Nodes #6687

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
6197437
style: Compact header, reduce padding and font size
DrJKL Nov 13, 2025
f28bd0c
style: Remove gap between slots
DrJKL Nov 13, 2025
56bc455
style: Reduce gaps between sections and widgets
DrJKL Nov 13, 2025
b7d9867
style: Reduce minimum widget widths
DrJKL Nov 13, 2025
bb2570c
style: Outline and button sizing for widgets
DrJKL Nov 13, 2025
86b239e
style: Right align toggle switch
DrJKL Nov 13, 2025
d94ef8f
style: widget and slot label font size and width
DrJKL Nov 13, 2025
60b4267
style: Align labels with slots
DrJKL Nov 13, 2025
862fbb9
style: Smaller gap between label and control
DrJKL Nov 13, 2025
76c43d6
[automated] Update test expectations
invalid-email-address Nov 13, 2025
2d3ca9f
[automated] Update test expectations
invalid-email-address Nov 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
style: widget and slot label font size and width
  • Loading branch information
@DrJKL
DrJKL committed Nov 13, 2025
commit d94ef8f400e04b3944fe300eae34d428c801c5e2
2 changes: 1 addition & 1 deletion src/renderer/extensions/vueNodes/components/InputSlot.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<span
v-if="!dotOnly"
:class="
cn('whitespace-nowrap text-sm font-normal lod-toggle', labelClasses)
cn('whitespace-nowrap text-xs font-normal lod-toggle', labelClasses)
"
>
{{ slotData.localized_name || slotData.name || `Input ${index}` }}
Expand Down
2 changes: 1 addition & 1 deletion src/renderer/extensions/vueNodes/components/OutputSlot.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<!-- Slot Name -->
<span
v-if="!dotOnly"
class="lod-toggle text-sm font-normal whitespace-nowrap text-node-component-slot-text"
class="lod-toggle text-xs font-normal whitespace-nowrap text-node-component-slot-text"
>
{{ slotData.localized_name || slotData.name || `Output ${index}` }}
</span>
Expand Down
10 changes: 6 additions & 4 deletions src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,17 +11,19 @@ defineProps<{
</script>

<template>
<div class="flex h-[30px] min-w-86 items-center justify-between gap-2">
<div class="relative flex h-6 min-w-28 shrink-1 items-center">
<div class="flex h-[30px] min-w-78 items-center justify-between gap-2">
<div
class="relative flex h-full basis-content min-w-20 flex-1 items-center"
>
<p
v-if="widget.name"
class="lod-toggle flex-1 truncate text-sm font-normal text-node-component-slot-text"
class="lod-toggle flex-1 truncate text-xs font-normal text-node-component-slot-text"
>
{{ widget.label || widget.name }}
</p>
<LODFallback />
</div>
<div class="relative min-w-56 grow-1">
<div class="relative min-w-56 basis-full grow">
<div
class="lod-toggle cursor-default"
@pointerdown.stop="noop"
Expand Down