rechrome 1.12.2 → 1.13.0
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.
- package/extension/connect.html +1 -1
- package/extension/lib/background.mjs +518 -262
- package/extension/lib/ui/authToken.css +34 -6
- package/extension/lib/ui/authToken.js +11638 -6158
- package/extension/lib/ui/connect.js +52 -60
- package/extension/lib/ui/status.js +31 -50
- package/extension/manifest.json +8 -7
- package/extension/status.html +1 -1
- package/package.json +1 -1
- package/rech.js +63 -22
- package/rech.ts +63 -22
|
@@ -41,7 +41,6 @@ body {
|
|
|
41
41
|
align-items: center;
|
|
42
42
|
justify-content: space-between;
|
|
43
43
|
margin-bottom: 16px;
|
|
44
|
-
padding-right: 12px;
|
|
45
44
|
}
|
|
46
45
|
|
|
47
46
|
.status-banner {
|
|
@@ -72,12 +71,27 @@ body {
|
|
|
72
71
|
margin-right: 8px;
|
|
73
72
|
}
|
|
74
73
|
|
|
74
|
+
/* Warning banner */
|
|
75
|
+
.warning-banner {
|
|
76
|
+
margin: 0 0 16px 0;
|
|
77
|
+
padding: 12px;
|
|
78
|
+
background-color: #fff8e1;
|
|
79
|
+
border: 1px solid #f0c674;
|
|
80
|
+
border-radius: 6px;
|
|
81
|
+
font-size: 13px;
|
|
82
|
+
line-height: 1.5;
|
|
83
|
+
color: #5c4408;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.warning-banner strong {
|
|
87
|
+
color: #1f2328;
|
|
88
|
+
}
|
|
89
|
+
|
|
75
90
|
/* Buttons */
|
|
76
91
|
.button-container {
|
|
77
|
-
margin-bottom: 16px;
|
|
78
92
|
display: flex;
|
|
79
93
|
justify-content: flex-end;
|
|
80
|
-
|
|
94
|
+
gap: 8px;
|
|
81
95
|
}
|
|
82
96
|
|
|
83
97
|
.button {
|
|
@@ -91,7 +105,6 @@ body {
|
|
|
91
105
|
align-items: center;
|
|
92
106
|
justify-content: center;
|
|
93
107
|
text-decoration: none;
|
|
94
|
-
margin-right: 8px;
|
|
95
108
|
min-width: 90px;
|
|
96
109
|
}
|
|
97
110
|
|
|
@@ -127,6 +140,21 @@ body {
|
|
|
127
140
|
border-color: #c73836;
|
|
128
141
|
}
|
|
129
142
|
|
|
143
|
+
/* Connection header */
|
|
144
|
+
.connection-header {
|
|
145
|
+
display: flex;
|
|
146
|
+
align-items: center;
|
|
147
|
+
justify-content: space-between;
|
|
148
|
+
gap: 12px;
|
|
149
|
+
padding: 0 12px;
|
|
150
|
+
margin-bottom: 16px;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.client-info {
|
|
154
|
+
font-size: 14px;
|
|
155
|
+
color: #1f2328;
|
|
156
|
+
}
|
|
157
|
+
|
|
130
158
|
/* Tab selection */
|
|
131
159
|
.tab-section-title {
|
|
132
160
|
padding-left: 12px;
|
|
@@ -139,7 +167,7 @@ body {
|
|
|
139
167
|
.tab-item {
|
|
140
168
|
display: flex;
|
|
141
169
|
align-items: center;
|
|
142
|
-
padding: 12px;
|
|
170
|
+
padding: 12px 0 12px 12px;
|
|
143
171
|
margin-bottom: 8px;
|
|
144
172
|
background-color: #ffffff;
|
|
145
173
|
cursor: pointer;
|
|
@@ -208,7 +236,7 @@ body {
|
|
|
208
236
|
/* Auth token section */
|
|
209
237
|
.auth-token-section {
|
|
210
238
|
margin: 16px 0;
|
|
211
|
-
padding:
|
|
239
|
+
padding: 12px;
|
|
212
240
|
background-color: #f6f8fa;
|
|
213
241
|
border-radius: 6px;
|
|
214
242
|
}
|