@antscorp/antsomi-ui 1.3.5-beta.247 → 1.3.5-beta.248

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.
@@ -19,13 +19,17 @@ export const TemplateSaveAsStyled = styled(Flex) `
19
19
  }
20
20
 
21
21
  .template-container {
22
- flex: 0 0 670px;
22
+ flex: 1 0 680px;
23
23
  /* flex: 1 1 60%; */
24
24
  max-height: 60vh;
25
25
  padding-right: 28px;
26
26
  overflow-y: auto;
27
27
  }
28
28
 
29
+ .template-container:has(+ .share-access-container) {
30
+ flex-grow: 0;
31
+ }
32
+
29
33
  .categories-container {
30
34
  margin-bottom: 20px;
31
35
  }
@@ -92,17 +96,28 @@ export const TemplateSaveAsStyled = styled(Flex) `
92
96
 
93
97
  .category-container {
94
98
  flex: 1;
95
- display: grid;
96
- grid-template-columns: repeat(2, minmax(100px, 250px));
99
+ display: flex;
100
+ flex-wrap: wrap;
101
+ min-width: 510px;
102
+ max-width: 510px;
103
+ & > button {
104
+ height: 36px;
105
+ box-sizing: border-box;
106
+ padding: 0 10px;
107
+ }
108
+ /* display: grid;
109
+ grid-template-columns: repeat(2, minmax(100px, 250px)); */
97
110
  }
98
111
 
99
112
  .selected-category {
100
113
  /* width: 240px; */
101
114
  overflow: hidden;
102
- height: 30px;
115
+ box-sizing: border-box;
116
+ width: 250px;
117
+ height: 36px;
103
118
  border: 1px solid #b8cfe6;
104
- padding: 0 5px;
105
119
  border-radius: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.borderRadiusXL}px;
120
+ padding: 0 10px;
106
121
 
107
122
  & > .remove-btn {
108
123
  cursor: pointer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antscorp/antsomi-ui",
3
- "version": "1.3.5-beta.247",
3
+ "version": "1.3.5-beta.248",
4
4
  "description": "An enterprise-class UI design language and React UI library.",
5
5
  "sideEffects": [
6
6
  "dist/*",