<template>
  <q-page class="row full-width justify-center full-height">
    <steps-stepper class="no-shadow full-height full-width" />
  </q-page>
</template>

<script setup lang="ts">

import StepsStepper from 'components/StepsStepper.vue';

</script>

<style scoped>
/* remove shadow and force stepper to fill available space */
:deep(.no-shadow .q-stepper) {
  box-shadow: none !important;
  height: 100% !important;
  width: 100% !important;
}

/* ensure card inside step occupies full height */
:deep(.no-shadow .q-stepper .q-step__content),
:deep(.no-shadow .q-stepper .q-card) {
  height: 100% !important;
}
</style>
