c0ckp1t 1.0.18 → 1.0.19

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.
@@ -39,6 +39,7 @@ export const DEFAULTS = {
39
39
  // ________________________________________________________________________________
40
40
  appName: "C0ckp1t Application",
41
41
  showTopNavBar: true,
42
+ navAutoCollapse: false,
42
43
  navItems: [],
43
44
  navHasSearch: false,
44
45
  navHasThemeSel: false,
@@ -10,9 +10,7 @@ import {getLogger} from 'Logging';
10
10
  import {transformRoutes, loadModule, options} from "VueUtils";
11
11
  import {findHostnamePortProtocol, validateAppConfig} from 'ConfigUtils'
12
12
  import {substrAfterFirstSlash, extractLastPath, nok, ok} from "JsUtils";
13
-
14
13
  import IslandDefault, {validate as validateIslandDefault} from 'IslandDefault'
15
- import {validate} from "Island";
16
14
 
17
15
  // ________________________________________________________________________________
18
16
  // LOGGING
@@ -22,7 +22,9 @@ logger.debug("[INIT]")
22
22
  const local = reactive({
23
23
  id: LOG_HEADER,
24
24
  })
25
-
25
+ const navbarExpandClass = computed(() => {
26
+ return storeMain.config?.navAutoCollapse === false ? 'navbar-expand' : 'navbar-expand-lg'
27
+ })
26
28
  const navbarClass = computed(() => ({
27
29
  'bg-body-tertiary': storeMain.config?.showTopNavBar ?? true,
28
30
  'border-bottom': storeMain.config?.showTopNavBar ?? true,
@@ -32,7 +34,7 @@ const navbarClass = computed(() => ({
32
34
 
33
35
 
34
36
  <template>
35
- <nav :class="navbarClass" class="navbar navbar-expand-lg fixed-top">
37
+ <nav :class="[navbarClass, navbarExpandClass]" class="navbar fixed-top">
36
38
  <div class="container">
37
39
 
38
40
  <a class="navbar-brand" @click.prevent="apiMain.selectLogo()">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "c0ckp1t",
3
- "version": "1.0.18",
3
+ "version": "1.0.19",
4
4
  "description": "A Vue 3 zero-build web dashboard framework with Islands architecture, WebSocket backends, and reusable UI components",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",
package/style.css CHANGED
@@ -5,6 +5,11 @@
5
5
  font-size: 1em; /*browser's default of 16 px*/
6
6
  }
7
7
 
8
+ .router-link-active {
9
+ font-weight: bold;
10
+ color: var(--primary-color, #007bff);
11
+ }
12
+
8
13
  /* x-components */
9
14
  .x-button {
10
15
  margin: 3px;