mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-04 21:22:07 +00:00
feat: Integrated tab UI updates (#8516)
## Summary Next iteration of the integrated tab/top menu ## Changes - **What**: - make integrated default, rename old to legacy - move feedback to integrated - fix user icon shapes - remove comfy cloud text in top bar, move to canvas stats - add chevron to C logo menu - move help back to sidebar - remove now unused help top positioning code ## Screenshots (if applicable) <img width="428" height="148" alt="image" src="https://github.com/user-attachments/assets/725025b7-4982-4f61-be11-8aabb0a1faff" /> <img width="264" height="187" alt="image" src="https://github.com/user-attachments/assets/91fa5e92-df08-4467-9bc5-50a614d9b8aa" /> <img width="1169" height="220" alt="image" src="https://github.com/user-attachments/assets/68c81bea-0cff-48df-8303-a6231a1d2fc4" /> <img width="242" height="207" alt="image" src="https://github.com/user-attachments/assets/5a10f40e-83ae-44c3-9434-3dbe87ba30e2" /> <img width="302" height="222" alt="image" src="https://github.com/user-attachments/assets/27fcc638-5fff-4302-9a1f-066227aafd86" /> --------- Co-authored-by: GitHub Action <action@github.com> Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
@@ -41,7 +41,7 @@
|
||||
v-if="userStore.isMultiUserServer"
|
||||
:is-small="isSmall"
|
||||
/>
|
||||
<SidebarHelpCenterIcon v-if="!isIntegratedTabBar" :is-small="isSmall" />
|
||||
<SidebarHelpCenterIcon :is-small="isSmall" />
|
||||
<SidebarBottomPanelToggleButton v-if="!isCloud" :is-small="isSmall" />
|
||||
<SidebarShortcutsToggleButton :is-small="isSmall" />
|
||||
<SidebarSettingsButton :is-small="isSmall" />
|
||||
@@ -95,9 +95,6 @@ const sidebarLocation = computed<'left' | 'right'>(() =>
|
||||
settingStore.get('Comfy.Sidebar.Location')
|
||||
)
|
||||
const sidebarStyle = computed(() => settingStore.get('Comfy.Sidebar.Style'))
|
||||
const isIntegratedTabBar = computed(
|
||||
() => settingStore.get('Comfy.UI.TabBarLayout') === 'Integrated'
|
||||
)
|
||||
const isConnected = computed(
|
||||
() =>
|
||||
selectedTab.value ||
|
||||
|
||||
Reference in New Issue
Block a user