verdnatura/salix-front
verdnatura
/
salix-front
1
2
Fork 1
Code Issues Pull Requests 64 Releases Wiki Activity

#7353 fine tunning monitors #624

Merged
jorgep merged 34 commits from 7353-fineTunningMonitor into dev 2024-09-02 07:33:43 +00:00
Conversation 1 Commits 34 Files Changed 22 +6 -12
1 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9a4a51fadb - Show all commits

18
src/pages/Monitor/MonitorClientsActions.vue
View File

@ -5,6 +5,7 @@ import { useStateStore } from 'stores/useStateStore';
import SalesClientTable from './SalesClientsTable.vue'; import SalesClientTable from './SalesClientsTable.vue';
import SalesOrdersTable from './SalesOrdersTable.vue'; import SalesOrdersTable from './SalesOrdersTable.vue';
import VnSearchbar from 'components/ui/VnSearchbar.vue'; import VnSearchbar from 'components/ui/VnSearchbar.vue';
import VnRow from 'src/components/ui/VnRow.vue';
const { t } = useI18n(); const { t } = useI18n();
const stateStore = useStateStore(); const stateStore = useStateStore();
@ -24,7 +25,10 @@ onUnmounted(() => (stateStore.leftDrawer = true));
/> />
</Teleport> </Teleport>
</template> </template>
<div class="q-pa-md container" style="gap: 10px"> <VnRow
class="q-pa-md"
:style="{ 'flex-direction': $q.screen.lt.lg ? 'column' : 'row' }"
>
<div style="flex: 0.4"> <div style="flex: 0.4">
<span class="text-body1" v-text="t('salesMonitor.clientsOnWebsite')" /> <span class="text-body1" v-text="t('salesMonitor.clientsOnWebsite')" />
<SalesClientTable /> <SalesClientTable />
@ -33,15 +37,5 @@ onUnmounted(() => (stateStore.leftDrawer = true));
<span class="text-body1" v-text="t('salesMonitor.recentOrderActions')" /> <span class="text-body1" v-text="t('salesMonitor.recentOrderActions')" />
<SalesOrdersTable /> <SalesOrdersTable />
</div> </div>
</div> </VnRow>
</template> </template>
<style lang="scss" scoped>
.container {
display: flex;
@media (max-width: $breakpoint-md-max) {
flex-direction: column;
}
}
</style>