Skip to content

Commit f61bfe6

Browse files
christian-byrnegithub-actions
andauthored
style: move border and shadow style to outer container to fix topbar badges shadow/border (#7044)
## Summary Moves the shadow and border from workflow tabs to outer container so that there is no longer an inconsistency with the badges and topbar bottom border and shadows. ## Changes | Before | After | | --------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | | <img width="1522" height="598" alt="Selection_2473" src="https://github.com/user-attachments/assets/92aa602c-a018-4b3d-8606-9c00552ffc20" /> | <img width="1522" height="598" alt="Selection_2472" src="https://github.com/user-attachments/assets/13c75da3-a938-442a-9bf6-9c30d822a610" /> | | <img width="1522" height="598" alt="Selection_2474" src="https://github.com/user-attachments/assets/e84efd2a-6ae1-44a6-9901-0f902e942b64" /> | <img width="1522" height="598" alt="Selection_2475" src="https://github.com/user-attachments/assets/66d4852e-eed7-49f9-8f0f-9e8bbcdcb0b8" /> | ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7044-style-move-border-and-shadow-style-to-outer-container-to-fix-topbar-badges-shadow-border-2ba6d73d365081b991a3f981db87f434) by [Unito](https://www.unito.io) --------- Co-authored-by: github-actions <[email protected]>
1 parent d8795ec commit f61bfe6

File tree

7 files changed

+4
-2
lines changed

7 files changed

+4
-2
lines changed
43 Bytes
Loading
83 Bytes
Loading
105 Bytes
Loading
44 Bytes
Loading
140 Bytes
Loading

src/components/graph/GraphCanvas.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,9 @@
1414
v-if="isNativeWindow() && workflowTabsPosition !== 'Topbar'"
1515
class="app-drag fixed top-0 left-0 z-10 h-[var(--comfy-topbar-height)] w-full"
1616
/>
17-
<div class="flex h-full items-center">
17+
<div
18+
class="flex h-full items-center border-b border-interface-stroke bg-comfy-menu-bg shadow-interface"
19+
>
1820
<WorkflowTabs />
1921
<TopbarBadges />
2022
</div>

src/components/topbar/WorkflowTabs.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div
33
ref="containerRef"
4-
class="workflow-tabs-container flex h-full max-w-full flex-auto flex-row overflow-hidden border-b border-[var(--interface-stroke)] shadow-interface"
4+
class="workflow-tabs-container flex h-full max-w-full flex-auto flex-row overflow-hidden"
55
:class="{ 'workflow-tabs-container-desktop': isDesktop }"
66
>
77
<Button

0 commit comments

Comments
 (0)