adminforth 1.2.47 → 1.2.49

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/spa/spa/src/components/Breadcrumbs.vue +3 -2
  2. package/dist/spa/spa/src/components/ResourceForm.vue +8 -6
  3. package/package.json +1 -1
  4. package/spa/src/components/Breadcrumbs.vue +3 -2
  5. package/spa/src/components/ResourceForm.vue +8 -6
package/dist/spa/spa/src/components/Breadcrumbs.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <nav class="flex" aria-label="Breadcrumb">
3
- <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
3
+ <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse flex-wrap">
4
4
  <li class="inline-flex items-center">
5
5
  <RouterLink :to="{name: 'home'}" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white">
6
6
  <svg class="w-3 h-3 me-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
@@ -23,7 +23,8 @@
23
23
  <svg class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
24
24
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
25
25
  </svg>
26
- <span class="ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400">
26
+ <span class="ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400
27
+ max-w-80 truncate">
27
28
  {{ $route.name === 'resource-edit' ? 'Edit' : 'Show' }} {{ coreStore.record?._label }}</span>
28
29
  </div>
29
30
  </li>
package/dist/spa/spa/src/components/ResourceForm.vue CHANGED
@@ -5,22 +5,24 @@
5
5
  >
6
6
  <form autocomplete="off" @submit.prevent>
7
7
  <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400 ">
8
- <thead class="text-xs text-gray-700 uppercase bg-lightFormHeading dark:bg-gray-700 dark:text-gray-400">
8
+ <thead class="text-xs text-gray-700 uppercase bg-lightFormHeading dark:bg-gray-700 dark:text-gray-400 block md:table-row-group">
9
9
  <tr>
10
- <th scope="col" class="px-6 py-3">
10
+ <th scope="col" class="px-6 py-3 hidden md:table-cell">
11
11
  Field
12
12
  </th>
13
- <th scope="col" class="px-6 py-3 w-4/6">
13
+ <th scope="col" class="px-6 py-3 w-4/6 hidden md:table-cell">
14
14
  Value
15
15
  </th>
16
+
17
+
16
18
  </tr>
17
19
  </thead>
18
20
  <tbody>
19
21
  <tr v-for="column, i in editableColumns" :key="column.name"
20
22
  v-if="currentValues !== null"
21
- class="bg-ligftForm dark:bg-gray-800 border-b dark:border-gray-700"
23
+ class="bg-ligftForm dark:bg-gray-800 border-b dark:border-gray-700 block md:table-row"
22
24
  >
23
- <td class="px-6 py-4 whitespace-nowrap flex items-center"> <!--align-top-->
25
+ <td class="px-6 py-4 sm:pb-0 whitespace-nowrap flex items-center block md:table-cell"> <!--align-top-->
24
26
  {{ column.label }}
25
27
  <span :data-tooltip-target="`tooltip-show-${i}`" class="ml-1 relative inline-block">
26
28
  <IconExclamationCircleSolid v-if="column.required[mode]" class="w-4 h-4"
@@ -34,7 +36,7 @@
34
36
  <div class="tooltip-arrow" data-popper-arrow></div>
35
37
  </div>
36
38
  </td>
37
- <td class="px-6 py-4 whitespace-nowrap whitespace-pre-wrap relative">
39
+ <td class="px-6 py-4 whitespace-nowrap whitespace-pre-wrap relative block md:table-cell">
38
40
  <template v-if="column?.components?.[props.source]?.file">
39
41
  <component
40
42
  :is="getCustomComponent(column.components[props.source])"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adminforth",
3
- "version": "1.2.47",
3
+ "version": "1.2.49",
4
4
  "description": "OpenSource Vue3 powered forth-generation admin panel",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/spa/src/components/Breadcrumbs.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <nav class="flex" aria-label="Breadcrumb">
3
- <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
3
+ <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse flex-wrap">
4
4
  <li class="inline-flex items-center">
5
5
  <RouterLink :to="{name: 'home'}" class="inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white">
6
6
  <svg class="w-3 h-3 me-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
@@ -23,7 +23,8 @@
23
23
  <svg class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
24
24
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
25
25
  </svg>
26
- <span class="ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400">
26
+ <span class="ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400
27
+ max-w-80 truncate">
27
28
  {{ $route.name === 'resource-edit' ? 'Edit' : 'Show' }} {{ coreStore.record?._label }}</span>
28
29
  </div>
29
30
  </li>
package/spa/src/components/ResourceForm.vue CHANGED
@@ -5,22 +5,24 @@
5
5
  >
6
6
  <form autocomplete="off" @submit.prevent>
7
7
  <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400 ">
8
- <thead class="text-xs text-gray-700 uppercase bg-lightFormHeading dark:bg-gray-700 dark:text-gray-400">
8
+ <thead class="text-xs text-gray-700 uppercase bg-lightFormHeading dark:bg-gray-700 dark:text-gray-400 block md:table-row-group">
9
9
  <tr>
10
- <th scope="col" class="px-6 py-3">
10
+ <th scope="col" class="px-6 py-3 hidden md:table-cell">
11
11
  Field
12
12
  </th>
13
- <th scope="col" class="px-6 py-3 w-4/6">
13
+ <th scope="col" class="px-6 py-3 w-4/6 hidden md:table-cell">
14
14
  Value
15
15
  </th>
16
+
17
+
16
18
  </tr>
17
19
  </thead>
18
20
  <tbody>
19
21
  <tr v-for="column, i in editableColumns" :key="column.name"
20
22
  v-if="currentValues !== null"
21
- class="bg-ligftForm dark:bg-gray-800 border-b dark:border-gray-700"
23
+ class="bg-ligftForm dark:bg-gray-800 border-b dark:border-gray-700 block md:table-row"
22
24
  >
23
- <td class="px-6 py-4 whitespace-nowrap flex items-center"> <!--align-top-->
25
+ <td class="px-6 py-4 sm:pb-0 whitespace-nowrap flex items-center block md:table-cell"> <!--align-top-->
24
26
  {{ column.label }}
25
27
  <span :data-tooltip-target="`tooltip-show-${i}`" class="ml-1 relative inline-block">
26
28
  <IconExclamationCircleSolid v-if="column.required[mode]" class="w-4 h-4"
@@ -34,7 +36,7 @@
34
36
  <div class="tooltip-arrow" data-popper-arrow></div>
35
37
  </div>
36
38
  </td>
37
- <td class="px-6 py-4 whitespace-nowrap whitespace-pre-wrap relative">
39
+ <td class="px-6 py-4 whitespace-nowrap whitespace-pre-wrap relative block md:table-cell">
38
40
  <template v-if="column?.components?.[props.source]?.file">
39
41
  <component
40
42
  :is="getCustomComponent(column.components[props.source])"