github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-13 06:14:58 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): tweak dockview tabs

Browse Source
This commit is contained in:
psychedelicious
2025-06-20 16:12:10 +10:00
parent 241844bdef
commit 01953cf057
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/features/ui/layouts/TabWithoutCloseButton.tsx
View File

@@ -14,7 +14,7 @@ export const TabWithoutCloseButton = (props: IDockviewPanelHeaderProps) => {
useCallbackOnDragEnter(setActive, ref, 300);
return (
<Flex ref={ref}>
<Flex ref={ref} alignItems="center" h="full">
<Text userSelect="none">{props.api.title ?? props.api.id}</Text>
</Flex>
);

4
invokeai/frontend/web/src/features/ui/styles/dockview-theme-invoke.css
View File

@@ -1,7 +1,7 @@
.dockview-theme-invoke {
--dv-paneview-active-outline-color: var(--invoke-colors-invokeBlue-300);
--dv-tabs-and-actions-container-font-size: var(--invoke-fontSizes-sm);
--dv-tabs-and-actions-container-height: var(--invoke-sizes-8);
--dv-tabs-and-actions-container-height: var(--invoke-sizes-10);
--dv-drag-over-background-color: var(--invoke-colors-baseAlpha-400);
--dv-drag-over-border-color: var(--invoke-colors-base-300);
--dv-tabs-container-scrollbar-color: #888;
@@ -57,6 +57,8 @@
.dv-tab {
/* margin-right: 2px; */
padding-inline-start: var(--invoke-sizes-4);
padding-inline-end: var(--invoke-sizes-4);
}
.dv-inactive-group .dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {