Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore: Design changes for Editor tabs (#38326)

Browse Source
This commit is contained in:
Hetu Nandu 2024-12-27 19:27:23 +05:30 committed by GitHub
parent d36c2d87a7
commit ec51cf0956
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/client/src/IDE/Components/FileTab/styles.tsx
View File

@ -10,7 +10,6 @@ export const Tab = styled.div`
color: var(--ads-v2-colors-text-default); color: var(--ads-v2-colors-text-default);
cursor: pointer; cursor: pointer;
gap: var(--ads-v2-spaces-2); gap: var(--ads-v2-spaces-2);
border-top: 1px solid transparent;
border-top-left-radius: var(--ads-v2-border-radius); border-top-left-radius: var(--ads-v2-border-radius);
border-top-right-radius: var(--ads-v2-border-radius); border-top-right-radius: var(--ads-v2-border-radius);
align-items: center; align-items: center;
@ -19,7 +18,7 @@ export const Tab = styled.div`
padding-top: 6px; // to accommodate border and make icons align correctly padding-top: 6px; // to accommodate border and make icons align correctly
border-left: 1px solid transparent; border-left: 1px solid transparent;
border-right: 1px solid transparent; border-right: 1px solid transparent;
border-top: 2px solid transparent; border-top: 3px solid transparent;
flex-shrink: 0; flex-shrink: 0;
&.active { &.active {
@ -27,6 +26,10 @@ export const Tab = styled.div`
border-top-color: var(--ads-v2-color-bg-brand); border-top-color: var(--ads-v2-color-bg-brand);
border-left-color: var(--ads-v2-color-border-muted); border-left-color: var(--ads-v2-color-border-muted);
border-right-color: var(--ads-v2-color-border-muted); border-right-color: var(--ads-v2-color-border-muted);
span {
font-weight: var(--ads-v2-font-weight-bold);
}
} }
& > .tab-close { & > .tab-close {
@ -48,6 +51,7 @@ export const IconContainer = styled.div`
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0; flex-shrink: 0;
img { img {
width: 12px; width: 12px;
} }