fix: raised tabs

astandrik · astandrik · commit a9ecc25fd36b · 2025-07-21T11:32:22.000+03:00
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.scss b/src/containers/Tenant/Diagnostics/TenantOverview/MetricsCards/MetricsCards.scss
@@ -129,7 +129,6 @@
         margin-left: var(--tab-overlap);
         padding: 0 var(--g-spacing-3) var(--g-spacing-3) var(--g-spacing-3);
 
-        border-top: var(--tab-border-width) solid var(--g-color-base-background);
         border-bottom: var(--tab-border-width) solid var(--g-color-line-generic);
         background: var(--g-color-base-background);
 
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TabCard/TabCard.tsx
@@ -51,7 +51,7 @@ export function TabCard({
             <Card
                 className={b('card-container', {active})}
                 type="container"
-                view={active ? 'outlined' : 'filled'}
+                view={active ? 'outlined' : 'raised'}
             >
                 <Flex gap={3} alignItems="center">
                     <DoughnutMetrics

Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ export function TabCard({`
`51`	`51`	`<Card`
`52`	`52`	`className={b('card-container', {active})}`
`53`	`53`	`type="container"`
`54`		`- view={active ? 'outlined' : 'filled'}`
	`54`	`+ view={active ? 'outlined' : 'raised'}`
`55`	`55`	`>`
`56`	`56`	`<Flex gap={3} alignItems="center">`
`57`	`57`	`<DoughnutMetrics`