nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-29 19:25:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile navigation refactoring

Browse Source
This commit is contained in:
Čarodej
2022-01-22 14:27:21 +01:00
parent a7fd410a68
commit 1f48abae0f
6 changed files with 65 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Others/Popup/PopupActions.vue
+2 -20
View File
@@ -1,6 +1,6 @@
<template>
<div class="actions flex items-center space-x-4 px-6 py-4 pb-6">
<slot></slot>
<div class="md:relative absolute bottom-0 left-0 right-0 flex items-center space-x-4 px-6 py-4 pb-6">
<slot />
</div>
</template>
@@ -9,21 +9,3 @@
name: 'PopupActions',
}
</script>
<style lang="scss" scoped>
@media only screen and (max-width: 690px) {
.actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
}
@media only screen and (max-width: 320px) {
.actions {
position: unset;
}
}
</style>
resources/js/components/Others/Popup/PopupContent.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<div
:class="type"
class="md:relative md:top-0 md:bottom-0 absolute top-14 bottom-24 left-0 right-0 h-auto overflow-y-auto overflow-x-auto px-6"
class="md:relative md:top-0 md:bottom-0 absolute top-16 bottom-24 left-0 right-0 h-auto overflow-y-auto overflow-x-auto px-6"
>
<slot />
</div>