wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

refactor: refs #7353 simplify code

This commit is contained in:
Jorge Penadés 2024-08-19 10:29:55 +02:00
parent ada1c948f6
commit 9a4a51fadb
1 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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