<template>
  <div>
    <userInputs v-model="action"></userInputs>
    <documents :action="action"></documents>
  </div>
</template>

<script>
import documents from './Documents';
import userInputs from './UserInputs';

export default {
  components: {
    documents,
    userInputs,
  },
  data() {
    return {
      action: '',
    };
  },
  watch: {
  }
};

</script>

<style scoped lang="scss">
@import 'src/assets/styles/variables.scss';

.documents {
  height: calc(100% - #{$navbar-height});
}
</style>

<template>
  <div>
    <userInputs v-model="action"></userInputs>
    <documents :action="action"></documents>
  </div>
</template>

<script>
import documents from './Documents';
import userInputs from './UserInputs';

export default {
  components: {
    documents,
    userInputs,
  },
  data() {
    return {
      action: '',
    };
  },
  watch: {
  }
};

</script>

<style scoped lang="scss">
@import 'src/assets/styles/variables.scss';

</style>

Remove unnecessary documents class css styling
Remove unnecessary documents class css styling
