@axium/client 0.19.2 → 0.19.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.
- package/assets/styles.css +7 -30
- package/assets/theme.css +1 -0
- package/dist/locales.d.ts +2 -0
- package/lib/FormDialog.svelte +17 -1
- package/lib/Icon.svelte +1 -0
- package/locales/en.json +2 -0
- package/package.json +1 -1
- package/styles/account.css +6 -1
package/assets/styles.css
CHANGED
|
@@ -6,10 +6,9 @@
|
|
|
6
6
|
|
|
7
7
|
body {
|
|
8
8
|
font-family: sans-serif;
|
|
9
|
-
font-size: 16px;
|
|
10
9
|
background-color: var(--bg-normal);
|
|
11
|
-
color:
|
|
12
|
-
accent-color:
|
|
10
|
+
color: var(--fg-normal);
|
|
11
|
+
accent-color: var(--fg-normal);
|
|
13
12
|
overflow-y: scroll;
|
|
14
13
|
}
|
|
15
14
|
|
|
@@ -18,28 +17,6 @@ a {
|
|
|
18
17
|
color: inherit;
|
|
19
18
|
}
|
|
20
19
|
|
|
21
|
-
.main {
|
|
22
|
-
padding: 2em;
|
|
23
|
-
border-radius: 1em;
|
|
24
|
-
background-color: var(--bg-menu);
|
|
25
|
-
display: flex;
|
|
26
|
-
flex-direction: column;
|
|
27
|
-
gap: 1em;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.main-container:has(form.main) {
|
|
31
|
-
position: absolute;
|
|
32
|
-
inset: 0;
|
|
33
|
-
display: flex;
|
|
34
|
-
justify-content: center;
|
|
35
|
-
align-items: center;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
form.main {
|
|
39
|
-
width: max-content;
|
|
40
|
-
height: max-content;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
20
|
form {
|
|
44
21
|
div:has(label ~ input),
|
|
45
22
|
div:has(label ~ textarea),
|
|
@@ -56,16 +33,16 @@ select,
|
|
|
56
33
|
textarea {
|
|
57
34
|
border: var(--border-accent);
|
|
58
35
|
background-color: var(--bg-normal);
|
|
59
|
-
font
|
|
60
|
-
color:
|
|
61
|
-
accent-color:
|
|
36
|
+
font: inherit;
|
|
37
|
+
color: inherit;
|
|
38
|
+
accent-color: inherit;
|
|
62
39
|
}
|
|
63
40
|
|
|
64
41
|
input,
|
|
65
42
|
button,
|
|
66
43
|
select {
|
|
67
44
|
border-radius: 0.5em;
|
|
68
|
-
padding: 0.
|
|
45
|
+
padding: 0.4em 0.75em;
|
|
69
46
|
}
|
|
70
47
|
|
|
71
48
|
button {
|
|
@@ -360,7 +337,7 @@ div.toast {
|
|
|
360
337
|
|
|
361
338
|
@media (width < 700px) {
|
|
362
339
|
.mobile-hide {
|
|
363
|
-
display: none;
|
|
340
|
+
display: none !important;
|
|
364
341
|
}
|
|
365
342
|
|
|
366
343
|
.mobile-button {
|
package/assets/theme.css
CHANGED
|
@@ -40,6 +40,7 @@ html {
|
|
|
40
40
|
--bg-warning: hsl(60 40 var(--bg-light-status));
|
|
41
41
|
--bg-success: hsl(120 40 var(--bg-light-status));
|
|
42
42
|
|
|
43
|
+
--fg-normal: hsl(0 0 var(--fg-light));
|
|
43
44
|
--fg-accent: hsl(var(--hue) 15 var(--fg-light));
|
|
44
45
|
--fg-strong: hsl(var(--hue) 25 calc(var(--fg-light) - var(--light-step)));
|
|
45
46
|
|
package/dist/locales.d.ts
CHANGED
|
@@ -79,7 +79,9 @@ declare let currentLoaded: {
|
|
|
79
79
|
readonly ok: "Okay";
|
|
80
80
|
readonly preferences: "Preferences";
|
|
81
81
|
readonly register: "Register";
|
|
82
|
+
readonly rename: "Rename";
|
|
82
83
|
readonly sessions: "Sessions";
|
|
84
|
+
readonly share: "Share";
|
|
83
85
|
readonly success: "Success";
|
|
84
86
|
readonly unknown: "Unknown";
|
|
85
87
|
readonly unnamed: "Unnamed";
|
package/lib/FormDialog.svelte
CHANGED
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
|
|
66
66
|
<dialog bind:this={dialog} {onclose} {...rest} onclick={e => e.stopPropagation()} {@attach closeOnBackGesture}>
|
|
67
67
|
{@render header?.()}
|
|
68
|
-
<form {onsubmit}
|
|
68
|
+
<form {onsubmit} method="dialog">
|
|
69
69
|
{#if error}
|
|
70
70
|
<div class="error">{error}</div>
|
|
71
71
|
{/if}
|
|
@@ -89,4 +89,20 @@
|
|
|
89
89
|
flex-direction: row;
|
|
90
90
|
justify-content: space-between;
|
|
91
91
|
}
|
|
92
|
+
|
|
93
|
+
form {
|
|
94
|
+
padding: 2em;
|
|
95
|
+
border-radius: 1em;
|
|
96
|
+
background-color: var(--bg-menu);
|
|
97
|
+
display: flex;
|
|
98
|
+
flex-direction: column;
|
|
99
|
+
gap: 1em;
|
|
100
|
+
|
|
101
|
+
width: max-content;
|
|
102
|
+
height: max-content;
|
|
103
|
+
|
|
104
|
+
@media (width < 700px) {
|
|
105
|
+
padding: 1em;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
92
108
|
</style>
|
package/lib/Icon.svelte
CHANGED
package/locales/en.json
CHANGED
package/package.json
CHANGED
package/styles/account.css
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
.section {
|
|
2
2
|
width: 50%;
|
|
3
3
|
min-width: fit-content;
|
|
4
|
-
padding
|
|
4
|
+
padding: 2em;
|
|
5
|
+
border-radius: 1em;
|
|
6
|
+
background-color: var(--bg-menu);
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 1em;
|
|
5
10
|
|
|
6
11
|
/* This is causing duplicate separators when removing sessions/passkeys
|
|
7
12
|
> div:has(+ div) {
|