Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-30 11:11:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: clean up essential node card and tab list styling (#9438)

Browse Source 
## Summary

Remove unnecessary styling from EssentialNodeCard and
NodeLibrarySidebarTabV2 tab list.

## Changes

- **What**:
  - Remove `justify-between` from TabsList in NodeLibrarySidebarTabV2;
  - remove `border border-component-node-border` from EssentialNodeCard.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9438-fix-clean-up-essential-node-card-and-tab-list-styling-31a6d73d3650817facf1c648568ac6bd)
by [Unito](https://www.unito.io)

---------

Co-authored-by: Amp <amp@ampcode.com>
Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Yourz
2026-03-06 04:28:25 +08:00
committed by GitHub
parent 63399d6ec1
commit 5c7851a727
4 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
browser_tests/tests/interaction.spec.ts-snapshots/dragged-node1-chromium-linux.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 93 KiB

After

Width:  |  Height:  |  Size: 93 KiB

BIN
browser_tests/tests/selectionToolbox.spec.ts-snapshots/selection-toolbox-multiple-nodes-border-chromium-linux.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 95 KiB

2
src/components/sidebar/tabs/NodeLibrarySidebarTabV2.vue
View File

@@ -106,7 +106,7 @@
<Separator decorative class="border border-dashed border-comfy-input" /> <Separator decorative class="border border-dashed border-comfy-input" />
<!-- Tab list in header (fixed) --> <!-- Tab list in header (fixed) -->
<TabsList <TabsList
class="flex gap-4 border-b border-comfy-input bg-background p-4 justify-between" class="flex gap-4 border-b border-comfy-input bg-background p-4"
> >
<TabsTrigger <TabsTrigger
v-for="tab in tabs" v-for="tab in tabs"

2
src/components/sidebar/tabs/nodeLibrary/EssentialNodeCard.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div <div
class="group relative flex flex-col items-center justify-center py-3 px-2 rounded-lg cursor-pointer select-none transition-colors duration-150 box-content bg-component-node-background hover:bg-secondary-background-hover border border-component-node-border" class="group relative flex flex-col items-center justify-center py-3 px-2 rounded-lg cursor-pointer select-none transition-colors duration-150 box-content bg-component-node-background hover:bg-secondary-background-hover"
:data-node-name="node.label" :data-node-name="node.label"
draggable="true" draggable="true"
@click="handleClick" @click="handleClick"