@antscorp/antsomi-ui 1.3.5-beta.510 → 1.3.5-beta.511
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -110,7 +110,7 @@ export const HeaderV2 = memo(props => {
|
|
|
110
110
|
const QUOTE_ENTITY = React.createElement(React.Fragment, null, "\u00BB");
|
|
111
111
|
return (React.createElement(HeaderV2Styled, { className: className || '', style: style },
|
|
112
112
|
React.createElement("div", { className: "left-side" },
|
|
113
|
-
showLogo && (React.createElement(LogoWrapper,
|
|
113
|
+
showLogo && (React.createElement(LogoWrapper, { className: "logo-wrapper" },
|
|
114
114
|
React.createElement("img", { src: SubLogoAntsomi, alt: "Antsomi sub logo" }))),
|
|
115
115
|
React.createElement(AccountSelection, Object.assign({}, accountSelectionProps, { currentAccount: selectedAccount, apiConfig: accountSelectionApiConfig, onChange: handleChangeAccount, inputStyle: inputStyle })),
|
|
116
116
|
React.createElement("div", { className: "title-container" },
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const HeaderV2Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
1
|
export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const HeaderV2Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -3,6 +3,15 @@ var _a, _b, _c;
|
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
// Constants
|
|
5
5
|
import { THEME, globalToken } from '@antscorp/antsomi-ui/es/constants';
|
|
6
|
+
export const LogoWrapper = styled.div `
|
|
7
|
+
height: 30px;
|
|
8
|
+
width: 30px;
|
|
9
|
+
|
|
10
|
+
img {
|
|
11
|
+
height: 100%;
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
`;
|
|
6
15
|
export const HeaderV2Styled = styled.div `
|
|
7
16
|
height: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.headerHeight};
|
|
8
17
|
background-color: #f6f8fc;
|
|
@@ -22,6 +31,15 @@ export const HeaderV2Styled = styled.div `
|
|
|
22
31
|
.left-side {
|
|
23
32
|
flex: 1;
|
|
24
33
|
overflow: hidden;
|
|
34
|
+
|
|
35
|
+
.logo-wrapper {
|
|
36
|
+
flex-shrink: 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.title-container {
|
|
40
|
+
flex: 1;
|
|
41
|
+
min-width: 0;
|
|
42
|
+
}
|
|
25
43
|
}
|
|
26
44
|
|
|
27
45
|
.header-breadcrumbs,
|
|
@@ -47,12 +65,3 @@ export const HeaderV2Styled = styled.div `
|
|
|
47
65
|
color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorTextBase};
|
|
48
66
|
}
|
|
49
67
|
`;
|
|
50
|
-
export const LogoWrapper = styled.div `
|
|
51
|
-
height: 30px;
|
|
52
|
-
width: 30px;
|
|
53
|
-
|
|
54
|
-
img {
|
|
55
|
-
height: 100%;
|
|
56
|
-
width: 100%;
|
|
57
|
-
}
|
|
58
|
-
`;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@antscorp/antsomi-ui",
|
|
3
|
-
"version": "1.3.5-beta.
|
|
3
|
+
"version": "1.3.5-beta.511",
|
|
4
4
|
"description": "An enterprise-class UI design language and React UI library.",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"dist/*",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"not op_mini all"
|
|
60
60
|
],
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@antscorp/icons": "
|
|
62
|
+
"@antscorp/icons": "latest",
|
|
63
63
|
"@antscorp/image-editor": "1.0.2",
|
|
64
64
|
"@antscorp/processing-notification": "^1.0.3",
|
|
65
65
|
"@dnd-kit/core": "^6.1.0",
|