@exakt/ui 0.0.28 → 0.0.30

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.
Files changed (5) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/e/input/text.vue +1 -0
  3. package/dist/runtime/components/e/nav/sidebar-btn.vue +53 -49
  4. package/dist/runtime/components/e/nav/sidebar.vue +5 -0
  5. package/package.json +1 -4
package/dist/module.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "exakt-ui",
3
3
  "configKey": "exakt",
4
- "version": "0.0.28"
4
+ "version": "0.0.30"
5
5
  }
package/dist/runtime/components/e/input/text.vue CHANGED
@@ -9,6 +9,7 @@
9
9
  <e-icon
10
10
  v-if="icon"
11
11
  :icon="icon"
12
+ class="mr-2"
12
13
  size="21"
13
14
  />
14
15
  <textarea
package/dist/runtime/components/e/nav/sidebar-btn.vue CHANGED
@@ -1,59 +1,60 @@
1
1
  <template>
2
- <e-btn
3
- :solid="false"
4
- justify="stretch"
5
- block
6
- background="transparent"
7
- class="pa-0 ma-0 e-sidebar-btn"
8
- >
9
- <div
10
- v-if="icon"
11
- class="e-sidebar-btn-icon"
2
+ <nuxt-link :to="to">
3
+ <e-btn
4
+ :solid="false"
5
+ justify="stretch"
6
+ block
7
+ background="transparent"
8
+ class="pa-0 ma-0 e-sidebar-btn"
12
9
  >
13
- <e-icon
14
- :icon="icon"
15
- size="22"
16
- />
17
- </div>
18
- <div class="ml-4 d-flex flex-column e-sidebar-btn-text">
19
- <div class="mb-1">
20
- {{ title }}
21
- </div>
22
10
  <div
23
- v-if="subtitle"
24
- class="text-secondary"
11
+ v-if="icon"
12
+ class="e-sidebar-btn-icon"
25
13
  >
26
- {{ subtitle }}
14
+ <e-icon
15
+ :icon="icon"
16
+ size="22"
17
+ />
18
+ </div>
19
+ <div class="ml-4 d-flex flex-column e-sidebar-btn-text">
20
+ <div class="mb-1">
21
+ {{ title }}
22
+ </div>
23
+ <div
24
+ v-if="subtitle"
25
+ class="text-secondary"
26
+ >
27
+ {{ subtitle }}
28
+ </div>
27
29
  </div>
28
- </div>
29
- </e-btn>
30
+ </e-btn>
31
+ </nuxt-link>
30
32
  </template>
31
- <script setup lang="ts">
32
- defineProps<{
33
- title: string;
34
- subtitle?:string;
35
- icon?:string;
36
- }>()
37
- </script>
38
- <style lang="scss" scoped>
39
- .e-sidebar-btn-text {
40
- text-align: left;
41
- max-width: calc(var(--expansion-amount) - 0.1rem*2);
33
+ <script setup lang="ts">
34
+ defineProps<{
35
+ title: string;
36
+ subtitle?: string;
37
+ icon?: string;
38
+ to: string;
39
+ }>();
40
+ </script>
41
+ <style lang="scss" scoped>
42
+ .e-sidebar-btn-text {
43
+ text-align: left;
44
+ max-width: calc(var(--expansion-amount) - 0.1rem * 2);
42
45
 
46
+ display: block;
47
+ flex-grow: 0;
48
+ flex-shrink: 0;
49
+ position: relative;
50
+ }
51
+ .e-sidebar-btn {
52
+ width: 100%;
53
+ flex-grow: 0;
54
+ flex-shrink: 0;
55
+ min-height: 5rem;
56
+ }
43
57
 
44
- display: block;
45
- flex-grow: 0;
46
- flex-shrink: 0;
47
- position: relative;
48
- }
49
- .e-sidebar-btn {
50
- width: 100%;
51
- flex-grow: 0;
52
- flex-shrink: 0;
53
- min-height: 5rem;
54
- }
55
-
56
-
57
58
  .e-sidebar-btn-icon {
58
59
  min-width: calc(
59
60
  var(--collapsed-sidebar-width) - 0.1rem * 2
@@ -62,4 +63,7 @@
62
63
  display: block;
63
64
  }
64
65
 
65
- </style>
66
+ .router-link-active .e-sidebar-btn, .router-link-exact-active .e-sidebar-btn {
67
+ background-color: rgba(var(--e-color-primary-rgb), 0.25);
68
+ }
69
+ </style>
package/dist/runtime/components/e/nav/sidebar.vue CHANGED
@@ -31,6 +31,8 @@ const state = reactive({
31
31
  --expansion-amount: calc(
32
32
  var(--expanded-sidebar-width) - var(--collapsed-sidebar-width)
33
33
  );
34
+
35
+
34
36
  }
35
37
  .e-sidebar {
36
38
 
@@ -61,6 +63,9 @@ const state = reactive({
61
63
  transition: transform 0.25s ease-in-out;
62
64
  background-color: var(--e-color-light);
63
65
  width: 100%;
66
+ width: -moz-available; /* WebKit-based browsers will ignore this. */
67
+ width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
68
+ width: fill-available;
64
69
  height: 100%;
65
70
  left: 3.5rem;
66
71
  top: 0rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@exakt/ui",
3
- "version": "0.0.28",
3
+ "version": "0.0.30",
4
4
  "description": "A UI library for Nuxt.js",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -66,9 +66,6 @@
66
66
  "bugs": {
67
67
  "url": "https://github.com/wd-4000/exakt/issues"
68
68
  },
69
- "resolutions": {
70
- "mkdist": "npm:@wd4000/mkdist-no-scss@1.4.1"
71
- },
72
69
  "homepage": "https://github.com/wd-4000/exakt#readme",
73
70
  "packageManager": "yarn@3.5.1"
74
71
  }