@blocklet/launcher-layout 2.13.40 → 2.13.41

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.
Files changed (2) hide show
  1. package/lib/nav.js +7 -21
  2. package/package.json +3 -3
package/lib/nav.js CHANGED
@@ -239,7 +239,7 @@ const StepContainer = styled.div`
239
239
  position: absolute;
240
240
  z-index: 1;
241
241
  left: 11px;
242
- top: 12px;
242
+ top: 24px;
243
243
  width: 2px;
244
244
  height: 100%;
245
245
  opacity: 0.5;
@@ -253,26 +253,14 @@ const StepContainer = styled.div`
253
253
  flex-shrink: 0;
254
254
  justify-content: center;
255
255
  align-items: center;
256
+ box-sizing: border-box;
256
257
  width: 24px;
257
258
  height: 24px;
259
+ border: 4px solid ${props => props.theme.palette.grey[400]};
258
260
  border-radius: 13px;
259
- background-color: ${props => props.theme.palette.grey[400]};
260
261
  color: ${props => props.theme.palette.common.white};
261
262
  transition: all ease 0.3s;
262
- &:before {
263
- position: absolute;
264
- left: 4px;
265
- top: 4px;
266
- z-index: 3;
267
- display: block;
268
- background-color: ${props => props.theme.palette.common.white};
269
- width: 16px;
270
- height: 16px;
271
- border-radius: 10px;
272
- content: '';
273
- transform: scale(0);
274
- transition: all ease 0.3s;
275
- }
263
+
276
264
  & > * {
277
265
  transform: scale(0);
278
266
  transition: all ease 0.2s;
@@ -342,7 +330,8 @@ const StepContainer = styled.div`
342
330
  &.step-checked {
343
331
  opacity: 1;
344
332
  .step-icon {
345
- color: ${props => props.theme.palette.common.white};
333
+ color: ${props => props.theme.palette.primary.white};
334
+ border-color: ${props => props.theme.palette.primary.main};
346
335
  background-color: ${props => props.theme.palette.primary.main};
347
336
  & > * {
348
337
  transform: scale(1);
@@ -358,10 +347,7 @@ const StepContainer = styled.div`
358
347
  &.step-active {
359
348
  opacity: 1;
360
349
  .step-icon {
361
- background-color: ${props => props.theme.palette.primary.main};
362
- }
363
- .step-icon:before {
364
- transform: scale(1);
350
+ border-color: ${props => props.theme.palette.primary.main};
365
351
  }
366
352
  .step-content {
367
353
  color: ${props => props.theme.palette.primary.main};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/launcher-layout",
3
- "version": "2.13.40",
3
+ "version": "2.13.41",
4
4
  "description": "Common ux components of launcher",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -44,7 +44,7 @@
44
44
  "react": "^18.2.0"
45
45
  },
46
46
  "dependencies": {
47
- "@arcblock/icons": "^2.13.40",
47
+ "@arcblock/icons": "^2.13.41",
48
48
  "@blocklet/meta": "^1.16.43",
49
49
  "@emotion/react": "^11.13.0",
50
50
  "@emotion/styled": "^11.13.0",
@@ -65,5 +65,5 @@
65
65
  "babel-plugin-inline-react-svg": "^2.0.2",
66
66
  "glob": "^10.4.5"
67
67
  },
68
- "gitHead": "123c3e42cc1a8905a600efa1a2b230d3f1e7857d"
68
+ "gitHead": "333c9629e6d8ec6a25b85baf28ccf1899c135279"
69
69
  }