@liujitcn/kratos-taro-app-core 0.1.2 → 0.1.4

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/package.json +1 -1
  2. package/src/components/KratosTabBar.scss +10 -11
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "type": "git",
8
8
  "url": "git@github.com:liujitcn/kratos-admin.git"
9
9
  },
10
- "version": "0.1.2",
10
+ "version": "0.1.4",
11
11
  "type": "module",
12
12
  "files": [
13
13
  "dist",
package/src/components/KratosTabBar.scss CHANGED
@@ -3,18 +3,17 @@
3
3
  --kratos-tab-bar-active-color: var(--kratos-color-primary, #28f0d4);
4
4
 
5
5
  position: fixed;
6
- right: 20px;
7
- bottom: env(safe-area-inset-bottom);
8
- left: 20px;
6
+ right: 0;
7
+ bottom: 0;
8
+ left: 0;
9
9
  z-index: 999;
10
10
  box-sizing: border-box;
11
11
  display: flex;
12
- height: 104px;
12
+ height: var(--kratos-tab-bar-space, calc(104px + env(safe-area-inset-bottom)));
13
13
  padding: 0 8px;
14
- border: 1px solid var(--kratos-color-border-accent, rgba(120, 230, 215, 0.16));
15
- border-radius: 30px;
16
- background: var(--kratos-dock-bg, rgba(10, 18, 30, 0.72));
17
- box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
14
+ border-top: 1px solid var(--kratos-color-border-accent, rgba(120, 230, 215, 0.16));
15
+ background: var(--kratos-color-surface-solid, #070d18);
16
+ box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
18
17
  }
19
18
 
20
19
  .kratos-tab-bar__item {
@@ -24,7 +23,7 @@
24
23
  align-items: center;
25
24
  justify-content: center;
26
25
  flex-direction: column;
27
- height: 100%;
26
+ height: 104px;
28
27
  padding: 10px 0 8px;
29
28
  color: var(--kratos-tab-bar-color);
30
29
  font-size: 20px;
@@ -69,7 +68,7 @@
69
68
  height: 10px;
70
69
  border-right: 2px solid var(--kratos-tab-bar-color);
71
70
  border-bottom: 2px solid var(--kratos-tab-bar-color);
72
- background: var(--kratos-dock-bg, rgba(10, 18, 30, 0.72));
71
+ background: var(--kratos-color-surface-solid, #070d18);
73
72
  content: '';
74
73
  transform: rotate(45deg);
75
74
  }
@@ -108,7 +107,7 @@
108
107
  width: 16px;
109
108
  height: 16px;
110
109
  box-sizing: border-box;
111
- border: 2px solid var(--kratos-dock-bg, rgba(10, 18, 30, 0.72));
110
+ border: 2px solid var(--kratos-color-surface-solid, #070d18);
112
111
  border-radius: 18px;
113
112
  background: var(--kratos-color-danger, #ff4d6d);
114
113
  box-shadow: 0 0 12px var(--kratos-color-danger, #ff4d6d);