adminforth 4.1.1 → 4.1.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.
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@rushstack/eslint-patch": "^1.8.0",
|
|
40
|
+
"@tailwindcss/container-queries": "^0.1.1",
|
|
40
41
|
"@tailwindcss/typography": "^0.5.19",
|
|
41
42
|
"@tsconfig/node20": "^20.1.4",
|
|
42
43
|
"@types/lodash.debounce": "^4.0.9",
|
|
@@ -1207,6 +1208,16 @@
|
|
|
1207
1208
|
"@svgdotjs/svg.js": "^3.2.4"
|
|
1208
1209
|
}
|
|
1209
1210
|
},
|
|
1211
|
+
"node_modules/@tailwindcss/container-queries": {
|
|
1212
|
+
"version": "0.1.1",
|
|
1213
|
+
"resolved": "https://registry.npmjs.org/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz",
|
|
1214
|
+
"integrity": "sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==",
|
|
1215
|
+
"dev": true,
|
|
1216
|
+
"license": "MIT",
|
|
1217
|
+
"peerDependencies": {
|
|
1218
|
+
"tailwindcss": ">=3.2.0"
|
|
1219
|
+
}
|
|
1220
|
+
},
|
|
1210
1221
|
"node_modules/@tailwindcss/typography": {
|
|
1211
1222
|
"version": "0.5.19",
|
|
1212
1223
|
"resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.19.tgz",
|
package/dist/spa/package.json
CHANGED
package/dist/spa/pnpm-lock.yaml
CHANGED
|
@@ -90,6 +90,9 @@ importers:
|
|
|
90
90
|
'@rushstack/eslint-patch':
|
|
91
91
|
specifier: ^1.8.0
|
|
92
92
|
version: 1.16.1
|
|
93
|
+
'@tailwindcss/container-queries':
|
|
94
|
+
specifier: ^0.1.1
|
|
95
|
+
version: 0.1.1(tailwindcss@3.4.19)
|
|
93
96
|
'@tailwindcss/typography':
|
|
94
97
|
specifier: ^0.5.19
|
|
95
98
|
version: 0.5.19(tailwindcss@3.4.19)
|
|
@@ -686,6 +689,11 @@ packages:
|
|
|
686
689
|
peerDependencies:
|
|
687
690
|
'@svgdotjs/svg.js': ^3.2.4
|
|
688
691
|
|
|
692
|
+
'@tailwindcss/container-queries@0.1.1':
|
|
693
|
+
resolution: {integrity: sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==}
|
|
694
|
+
peerDependencies:
|
|
695
|
+
tailwindcss: '>=3.2.0'
|
|
696
|
+
|
|
689
697
|
'@tailwindcss/typography@0.5.19':
|
|
690
698
|
resolution: {integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==}
|
|
691
699
|
peerDependencies:
|
|
@@ -2566,6 +2574,10 @@ snapshots:
|
|
|
2566
2574
|
dependencies:
|
|
2567
2575
|
'@svgdotjs/svg.js': 3.2.5
|
|
2568
2576
|
|
|
2577
|
+
'@tailwindcss/container-queries@0.1.1(tailwindcss@3.4.19)':
|
|
2578
|
+
dependencies:
|
|
2579
|
+
tailwindcss: 3.4.19
|
|
2580
|
+
|
|
2569
2581
|
'@tailwindcss/typography@0.5.19(tailwindcss@3.4.19)':
|
|
2570
2582
|
dependencies:
|
|
2571
2583
|
postcss-selector-parser: 6.0.10
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="h-full w-full px-4 py-6 md:px-10" :class="{ 'hidden': initialTabSet === false }">
|
|
2
|
+
<div class="@container h-full w-full px-4 py-6 md:px-10" :class="{ 'hidden': initialTabSet === false }">
|
|
3
3
|
<div v-if="!visiblePages.length">
|
|
4
4
|
<p>{{ $t('No setting pages configured or still loading...') }}</p>
|
|
5
5
|
</div>
|
|
6
|
-
<!-- settings are one card: tabs on a tinted pane at the left, the page of the active tab at the right
|
|
6
|
+
<!-- settings are one card: tabs on a tinted pane at the left, the page of the active tab at the right.
|
|
7
|
+
The card stacks them by its own width, not by the viewport, because the sidebar and the agent panel take the width too -->
|
|
7
8
|
<VerticalTabs
|
|
8
9
|
v-else
|
|
9
10
|
ref="VerticalTabsRef"
|
|
10
11
|
v-model:active-tab="activeTab"
|
|
11
|
-
class="
|
|
12
|
-
tabsClass="m-0 md:m-0
|
|
13
|
-
contentClass="min-w-0
|
|
12
|
+
class="flex flex-col @4xl:flex-row @4xl:min-h-[40rem] overflow-hidden rounded-xl border border-lightCardBorder bg-lightCardBackground dark:border-darkCardBorder dark:bg-darkCardBackground"
|
|
13
|
+
tabsClass="m-0 md:m-0 @4xl:w-64 shrink-0 px-3 py-4 @4xl:py-5 border-b @4xl:border-b-0 @4xl:border-e border-lightCardBorder dark:border-darkCardBorder bg-lightVerticalTabsBackground dark:bg-darkVerticalTabsBackground"
|
|
14
|
+
contentClass="min-w-0 overflow-x-auto p-6 md:border-s-0"
|
|
14
15
|
@update:active-tab="setURL({slug: $event, pageLabel: ''})"
|
|
15
16
|
>
|
|
16
17
|
<template #tabs-header>
|
|
@@ -16,5 +16,7 @@ export default {
|
|
|
16
16
|
darkMode: 'class',
|
|
17
17
|
plugins: [
|
|
18
18
|
require('@tailwindcss/typography'),
|
|
19
|
+
// `@container` on a parent, `@4xl:flex-row` on children: layouts which follow the width of their parent, not of the viewport
|
|
20
|
+
require('@tailwindcss/container-queries'),
|
|
19
21
|
],
|
|
20
22
|
}
|