boursecu_user/src/views/base/physicalReceive/components/RequestList.vue

<template>
  <div class="physical-receive-list-root">
    <MobileRequestListView v-show="!isDesktop" />
    <DesktopRequestListView v-show="isDesktop" />
  </div>
</template>

<script setup lang="ts">
import { usePhysicalReceiveList } from '../composables/usePhysicalReceiveList'
import { usePhysicalReceiveShellContext } from '../composables/usePhysicalReceiveShell'
import DesktopRequestListView from '../desktop/DesktopRequestListView.vue'
import MobileRequestListView from '../mobile/MobileRequestListView.vue'

const { isDesktop } = usePhysicalReceiveShellContext()
usePhysicalReceiveList()
</script>

<style scoped>
.physical-receive-list-root {
  flex: 1 1 0;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.physical-receive-list-root > * {
  flex: 1 1 0;
  min-height: 0;
  height: 100%;
}
</style>