@bagelink/vue 1.6.34 → 1.6.36
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/dist/components/Menu.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/ArrayInput.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/Upload/upload.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.mjs +6 -5
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Menu.vue +13 -1
- package/src/components/form/inputs/ArrayInput.vue +1 -1
- package/src/components/form/inputs/Upload/upload.ts +2 -0
- package/src/components/layout/AppContent.vue +2 -2
package/package.json
CHANGED
package/src/components/Menu.vue
CHANGED
|
@@ -13,7 +13,7 @@ defineProps<{ items: MenuItem[] }>()
|
|
|
13
13
|
</script>
|
|
14
14
|
|
|
15
15
|
<template>
|
|
16
|
-
<div class="flex space-between m_w-100vw overflow m_-ms-
|
|
16
|
+
<div class="flex space-between m_w-100vw overflow m_-ms-1 m_px-05 m_py-025 bglTopMenu">
|
|
17
17
|
<div class="flex gap-025 m_gap-05">
|
|
18
18
|
<template v-for="item in items" :key="item.value">
|
|
19
19
|
<Dropdown v-if="item.items" :value="item.value" iconEnd="keyboard_arrow_down">
|
|
@@ -53,3 +53,15 @@ defineProps<{ items: MenuItem[] }>()
|
|
|
53
53
|
background-color: var(--bgl-gray-40);
|
|
54
54
|
}
|
|
55
55
|
</style>
|
|
56
|
+
|
|
57
|
+
<style>
|
|
58
|
+
@media (max-width: 910px) {
|
|
59
|
+
.bglTopMenu::-webkit-scrollbar {
|
|
60
|
+
height: 0px;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.bglTopMenu {
|
|
64
|
+
mask: linear-gradient(to right, transparent, black 10px, black calc(100% - 10px), transparent);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
</style>
|
|
@@ -72,7 +72,7 @@ function getItemRef(i: number) {
|
|
|
72
72
|
style="display: flex; align-items: center; gap: 0.5rem;"
|
|
73
73
|
>
|
|
74
74
|
<slot :item="getItemRef(i)" :index="i" />
|
|
75
|
-
<Btn v-if="allowDelete" v-tooltip="'Delete'" flat icon="delete" size="xs" @click="deleteItem(i)" />
|
|
75
|
+
<Btn v-if="allowDelete" v-tooltip="'Delete'" flat icon="delete" size="xs" class="mb-075" @click="deleteItem(i)" />
|
|
76
76
|
</div>
|
|
77
77
|
<Btn v-if="allowAdd" icon="add" size="small" value="Add" @click="addItem" />
|
|
78
78
|
</div>
|
|
@@ -33,6 +33,8 @@ export const files = {
|
|
|
33
33
|
options?: UploadOptions & { dirPath?: string, tags?: string[] }
|
|
34
34
|
): Promise<AxiosResponse<BglFile>> => {
|
|
35
35
|
const formData = new FormData()
|
|
36
|
+
// Backend expects multipart field name "file"
|
|
37
|
+
formData.append('file', file)
|
|
36
38
|
formData.append('upload', file)
|
|
37
39
|
return axios.post(`/${getFileVersion()}/upload`, formData, {
|
|
38
40
|
headers: { 'Content-Type': 'multipart/form-data' },
|
|
@@ -31,7 +31,7 @@ const sidebarCardStyle = inject('sidebarCardStyle', { value: false })
|
|
|
31
31
|
const hasSidebarCard = computed(() => {
|
|
32
32
|
// Check if there's an AppSidebar with card class in the DOM
|
|
33
33
|
const sidebar = document.querySelector('.app-sidebar .card')
|
|
34
|
-
return
|
|
34
|
+
return sidebar !== null || sidebarCardStyle?.value
|
|
35
35
|
})
|
|
36
36
|
</script>
|
|
37
37
|
|
|
@@ -83,7 +83,7 @@ const hasSidebarCard = computed(() => {
|
|
|
83
83
|
|
|
84
84
|
<!-- Page Content -->
|
|
85
85
|
<main
|
|
86
|
-
class="pageContent flex-grow overflow pt-1 pb-05 w-100p m_p-05 m_scrollbar-gutter-
|
|
86
|
+
class="pageContent flex-grow overflow pt-1 pb-05 w-100p m_p-05 m_scrollbar-gutter-auto m_vw100"
|
|
87
87
|
:class="{
|
|
88
88
|
'px-1': !hasSidebarCard,
|
|
89
89
|
}"
|