@axium/client 0.14.2 → 0.14.3
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 +12 -15
- package/assets/theme.css +1 -0
- package/lib/SidebarLayout.svelte +32 -34
- package/package.json +1 -1
- package/styles/account.css +5 -5
- package/styles/list.css +4 -6
package/assets/styles.css
CHANGED
|
@@ -270,12 +270,24 @@ h6 {
|
|
|
270
270
|
.inline-button {
|
|
271
271
|
display: inline-flex;
|
|
272
272
|
width: fit-content;
|
|
273
|
+
|
|
274
|
+
@media (width < 700px) {
|
|
275
|
+
width: 80%;
|
|
276
|
+
align-self: center;
|
|
277
|
+
display: flex;
|
|
278
|
+
justify-content: center;
|
|
279
|
+
}
|
|
273
280
|
}
|
|
274
281
|
|
|
275
282
|
.inline-button-container {
|
|
276
283
|
margin-top: 2em;
|
|
277
284
|
display: flex;
|
|
278
285
|
gap: 1em;
|
|
286
|
+
|
|
287
|
+
@media (width < 700px) {
|
|
288
|
+
flex-direction: column;
|
|
289
|
+
align-items: center;
|
|
290
|
+
}
|
|
279
291
|
}
|
|
280
292
|
|
|
281
293
|
@media (width >= 700px) {
|
|
@@ -285,9 +297,6 @@ h6 {
|
|
|
285
297
|
}
|
|
286
298
|
|
|
287
299
|
@media (width < 700px) {
|
|
288
|
-
dialog {
|
|
289
|
-
}
|
|
290
|
-
|
|
291
300
|
.mobile-hide {
|
|
292
301
|
display: none !important;
|
|
293
302
|
}
|
|
@@ -324,16 +333,4 @@ h6 {
|
|
|
324
333
|
z-index: 4;
|
|
325
334
|
font-size: 1.25em;
|
|
326
335
|
}
|
|
327
|
-
|
|
328
|
-
.inline-button {
|
|
329
|
-
width: 80%;
|
|
330
|
-
align-self: center;
|
|
331
|
-
display: flex;
|
|
332
|
-
justify-content: center;
|
|
333
|
-
}
|
|
334
|
-
|
|
335
|
-
.inline-button-container {
|
|
336
|
-
flex-direction: column;
|
|
337
|
-
align-items: center;
|
|
338
|
-
}
|
|
339
336
|
}
|
package/assets/theme.css
CHANGED
|
@@ -38,5 +38,6 @@ html {
|
|
|
38
38
|
--bg-error: hsl(0 40 var(--bg-light-status));
|
|
39
39
|
--bg-success: hsl(120 40 var(--bg-light-status));
|
|
40
40
|
--fg-accent: hsl(var(--hue) 15 var(--fg-light));
|
|
41
|
+
--fg-strong: hsl(var(--hue) 25 calc(var(--fg-light) - var(--light-step)));
|
|
41
42
|
--border-accent: hsl(var(--hue) 10 calc(var(--bg-light) + (var(--light-step) * 3)));
|
|
42
43
|
}
|
package/lib/SidebarLayout.svelte
CHANGED
|
@@ -36,6 +36,10 @@
|
|
|
36
36
|
display: grid;
|
|
37
37
|
grid-template-columns: 15em 1fr;
|
|
38
38
|
height: 100%;
|
|
39
|
+
|
|
40
|
+
@media (width < 700px) {
|
|
41
|
+
grid-template-columns: 1fr;
|
|
42
|
+
}
|
|
39
43
|
}
|
|
40
44
|
|
|
41
45
|
.sidebar {
|
|
@@ -49,9 +53,33 @@
|
|
|
49
53
|
padding-left: 0;
|
|
50
54
|
border-radius: 0 1em 1em 0;
|
|
51
55
|
|
|
56
|
+
@media (width < 700px) {
|
|
57
|
+
position: fixed;
|
|
58
|
+
grid-column: unset;
|
|
59
|
+
inset: auto 0 0;
|
|
60
|
+
border-radius: 1em;
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-direction: row;
|
|
63
|
+
justify-content: space-around;
|
|
64
|
+
gap: 1em;
|
|
65
|
+
padding: 0.5em;
|
|
66
|
+
z-index: 6;
|
|
67
|
+
|
|
68
|
+
.sidebar-text {
|
|
69
|
+
display: none;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
52
73
|
.item {
|
|
53
74
|
padding: 0.3em 0.5em;
|
|
54
75
|
border-radius: 0.25em 1em 1em 0.25em;
|
|
76
|
+
|
|
77
|
+
@media (width < 700px) {
|
|
78
|
+
flex: 1 1 0;
|
|
79
|
+
border-radius: 1em;
|
|
80
|
+
padding: 1em;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
}
|
|
55
83
|
}
|
|
56
84
|
|
|
57
85
|
.item:hover {
|
|
@@ -69,44 +97,14 @@
|
|
|
69
97
|
padding: 1em;
|
|
70
98
|
overflow-x: hidden;
|
|
71
99
|
overflow-y: scroll;
|
|
72
|
-
}
|
|
73
100
|
|
|
74
|
-
|
|
75
|
-
margin-top: auto;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
@media (width < 700px) {
|
|
79
|
-
.sidebar-container {
|
|
80
|
-
grid-template-columns: 1fr;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.sidebar-content {
|
|
101
|
+
@media (width < 700px) {
|
|
84
102
|
padding-bottom: 4em;
|
|
85
103
|
grid-column: 1;
|
|
86
104
|
}
|
|
105
|
+
}
|
|
87
106
|
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
grid-column: unset;
|
|
91
|
-
inset: auto 0 0;
|
|
92
|
-
border-radius: 1em;
|
|
93
|
-
display: flex;
|
|
94
|
-
flex-direction: row;
|
|
95
|
-
justify-content: space-around;
|
|
96
|
-
gap: 1em;
|
|
97
|
-
padding: 0.5em;
|
|
98
|
-
z-index: 6;
|
|
99
|
-
|
|
100
|
-
.item {
|
|
101
|
-
flex: 1 1 0;
|
|
102
|
-
border-radius: 1em;
|
|
103
|
-
padding: 1em;
|
|
104
|
-
justify-content: center;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.sidebar-text {
|
|
109
|
-
display: none;
|
|
110
|
-
}
|
|
107
|
+
.sidebar-bottom {
|
|
108
|
+
margin-top: auto;
|
|
111
109
|
}
|
|
112
110
|
</style>
|
package/package.json
CHANGED
package/styles/account.css
CHANGED
|
@@ -8,6 +8,11 @@
|
|
|
8
8
|
border-bottom: 1px solid #8888;
|
|
9
9
|
}
|
|
10
10
|
*/
|
|
11
|
+
|
|
12
|
+
@media (width < 700px) {
|
|
13
|
+
width: calc(100% - 2em);
|
|
14
|
+
min-width: unset;
|
|
15
|
+
}
|
|
11
16
|
}
|
|
12
17
|
|
|
13
18
|
.section:last-child {
|
|
@@ -83,11 +88,6 @@
|
|
|
83
88
|
margin-top: 0;
|
|
84
89
|
}
|
|
85
90
|
|
|
86
|
-
.section {
|
|
87
|
-
width: calc(100% - 2em);
|
|
88
|
-
min-width: unset;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
91
|
.item:is(.passkey, .session) {
|
|
92
92
|
display: flex;
|
|
93
93
|
flex-direction: column;
|
package/styles/list.css
CHANGED
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
border-bottom: 1.5px solid var(--fg-accent);
|
|
19
19
|
position: sticky;
|
|
20
20
|
top: 0em;
|
|
21
|
+
|
|
22
|
+
@media (width < 700px) {
|
|
23
|
+
display: none;
|
|
24
|
+
}
|
|
21
25
|
}
|
|
22
26
|
|
|
23
27
|
.list-item-container {
|
|
@@ -57,9 +61,3 @@ p.list-empty {
|
|
|
57
61
|
visibility: visible;
|
|
58
62
|
cursor: pointer;
|
|
59
63
|
}
|
|
60
|
-
|
|
61
|
-
@media (width < 700px) {
|
|
62
|
-
.list-header {
|
|
63
|
-
display: none;
|
|
64
|
-
}
|
|
65
|
-
}
|