<script setup>
import SalesClientTable from './MonitorClients.vue';
import SalesOrdersTable from './MonitorOrders.vue';
import VnRow from 'src/components/ui/VnRow.vue';
</script>
<template>
    <VnRow
        class="q-pa-md"
        :style="{ 'flex-direction': $q.screen.lt.lg ? 'column' : 'row', gap: '0px' }"
    >
        <div style="flex: 0.3">
            <span
                class="q-ml-md text-body1"
                v-text="$t('salesMonitor.clientsOnWebsite')"
            />
            <SalesClientTable />
        </div>
        <div style="flex: 0.7">
            <span
                class="q-ml-md text-body1"
                v-text="$t('salesMonitor.recentOrderActions')"
            />
            <SalesOrdersTable />
        </div>
    </VnRow>
</template>
