feat miore objectw
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Javier Segarra 2024-05-27 18:22:59 +02:00
parent 94a15a4923
commit 297affbe8d
8 changed files with 35 additions and 3 deletions

View File

@ -0,0 +1,5 @@
import { QDrawer } from 'quasar';
import setDefault from './setDefault';
setDefault(QDrawer, 'showIfAbove', true);
setDefault(QDrawer, 'side', 'right');
setDefault(QDrawer, 'width', '256');

View File

@ -0,0 +1,4 @@
import { QList } from 'quasar';
import setDefault from './setDefault';
setDefault(QList, 'dense', true);

View File

@ -0,0 +1,19 @@
import { QScrollArea } from 'quasar';
// QScrollArea.props.visible = {
// type: QScrollArea.props.visible,
// default: true,
// };
// QScrollArea.props.contentStyle = {
// type: QScrollArea.props.contentStyle,
// default: {
// width: '100%',
// height: '100%',
// borderRadius: '25px',
// background: 'red',
// opacity: 1,
// },
// };
// QScrollArea.props.class = {
// type: QScrollArea.props.class,
// default: ['fit text-grey-8'],
// };

View File

@ -2,3 +2,6 @@ export * from './defaults/qTable';
export * from './defaults/qInput';
export * from './defaults/qSelect';
export * from './defaults/qBtn';
export * from './defaults/qDrawer';
export * from './defaults/qList';
export * from './defaults/qScrollArea';

View File

@ -117,7 +117,7 @@ const handleItemExpansion = (itemName) => {
</script>
<template>
<QList padding class="column-max-width">
<QList padding class="column-max-width" :dense="false">
<template v-if="$props.source === 'main'">
<template v-if="$route?.matched[1]?.name === 'Dashboard'">
<QItem class="header">

View File

@ -6,7 +6,7 @@ const stateStore = useStateStore();
</script>
<template>
<QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
<QDrawer v-model="stateStore.leftDrawer" side="left">
<QScrollArea class="fit text-grey-8">
<LeftMenu />
</QScrollArea>

View File

@ -6,7 +6,7 @@ const stateStore = useStateStore();
</script>
<template>
<QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
<QDrawer v-model="stateStore.leftDrawer" side="left">
<QScrollArea class="fit text-grey-8">
<LeftMenu />
</QScrollArea>

View File

@ -20,6 +20,7 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
show-if-above
:width="256"
:breakpoint="1000"
side="left"
>
<QScrollArea class="fit">
<LeftMenu />