Skip to content

Commit 5e7c9ca

Browse files
fix: apply design fixes (#475)
1 parent 28a9936 commit 5e7c9ca

File tree

3 files changed

+6
-24
lines changed

3 files changed

+6
-24
lines changed

src/containers/Header/Header.scss

+1-5
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,10 @@
66
justify-content: space-between;
77
align-items: center;
88

9-
padding: 0 20px 0 18px;
10-
11-
font-weight: 600;
9+
padding: 0 20px 0 12px;
1210

1311
border-bottom: 1px solid var(--yc-color-line-generic);
1412

15-
@include body2-typography;
16-
1713
&__breadcrumb {
1814
display: flex;
1915
align-items: center;

src/containers/Tenant/ObjectSummary/ObjectSummary.scss

+3-12
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626

2727
&__action-button {
2828
position: absolute;
29-
top: 8px; // centered relative to the heading
29+
top: 19px; // centered relative to the heading
3030
right: 5px; // centered relative to the collapsed panel
3131

3232
background-color: var(--yc-color-base-background);
@@ -51,20 +51,11 @@
5151
flex: 1 1 auto;
5252

5353
height: 100%;
54-
padding: 0 12px 12px;
54+
padding: 0 12px 12px 16px;
5555
}
5656

5757
&__tree-header {
58-
display: flex;
59-
flex: 0 0 auto;
60-
justify-content: space-between;
61-
align-items: center;
62-
63-
padding: 12px 12px 8px;
64-
}
65-
66-
&__tree-title {
67-
font-weight: 600;
58+
padding: 23px 12px 17px 20px;
6859
}
6960

7061
&__sticky-top {

src/containers/Tenant/ObjectSummary/ObjectSummary.tsx

+2-7
Original file line numberDiff line numberDiff line change
@@ -48,10 +48,7 @@ import {
4848
} from '../utils/paneVisibilityToggleHelpers';
4949
import {setShowPreview} from '../../../store/reducers/schema/schema';
5050
import {setQueryTab, setTenantPage} from '../../../store/reducers/tenant/tenant';
51-
import {
52-
TENANT_PAGES_IDS,
53-
TENANT_QUERY_TABS_ID,
54-
} from '../../../store/reducers/tenant/constants';
51+
import {TENANT_PAGES_IDS, TENANT_QUERY_TABS_ID} from '../../../store/reducers/tenant/constants';
5552

5653
import './ObjectSummary.scss';
5754

@@ -246,9 +243,7 @@ function ObjectSummary(props: ObjectSummaryProps) {
246243
const renderTree = () => {
247244
return (
248245
<div className={b('tree-wrapper')}>
249-
<div className={b('tree-header')}>
250-
<div className={b('tree-title')}>Navigation</div>
251-
</div>
246+
<div className={b('tree-header')}>Navigation</div>
252247
<div className={b('tree')}>
253248
{pathData && (
254249
<SchemaTree

0 commit comments

Comments
 (0)