chore: Design changes for Editor tabs (#38326)

appsmithorg · Dec 27, 2024 · ec51cf0 · ec51cf0
1 parent d36c2d8
commit ec51cf0
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/client/src/IDE/Components/FileTab/styles.tsx b/app/client/src/IDE/Components/FileTab/styles.tsx
@@ -10,7 +10,6 @@ export const Tab = styled.div`
   color: var(--ads-v2-colors-text-default);
   cursor: pointer;
   gap: var(--ads-v2-spaces-2);
-  border-top: 1px solid transparent;
   border-top-left-radius: var(--ads-v2-border-radius);
   border-top-right-radius: var(--ads-v2-border-radius);
   align-items: center;
@@ -19,14 +18,18 @@ export const Tab = styled.div`
   padding-top: 6px; // to accommodate border and make icons align correctly
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
-  border-top: 2px solid transparent;
+  border-top: 3px solid transparent;
   flex-shrink: 0;
 
   &.active {
     background: var(--ads-v2-colors-control-field-default-bg);
     border-top-color: var(--ads-v2-color-bg-brand);
     border-left-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 {
@@ -48,6 +51,7 @@ export const IconContainer = styled.div`
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+
   img {
     width: 12px;
   }