Here is our question dialog, which was written by Vuetify v-dialog.

How can I make the red framed part become all transparent and this part still included in v-dialog, I have seen the documentation but have not found any corresponding info: https://v2.vuetifyjs.com/en/api/v-dialog/#props

Here is my Vuetify code:

<template>
  <div>
    <v-dialog
      :value="value"
      max-width="500"
      scrollable
      @input="$emit('input', $event)"
    >
      <v-card>
        <v-card-title class="text-subtitle-1 pa-4 d-flex justify-space-between">
          Question No.1
          <span>1/3</span>
        </v-card-title>

        <v-card-text>
          <div class="text-body-1 mb-4">
            This is question number 1, this is question number 1, this is question number 1
          </div>
          <div class="text-subtitle-2 mb-2">
            Answer
          </div>
          <v-radio-group
            v-model="selectedAnswer"
            class="mt-0"
          >
            <v-radio
              v-for="(option, index) in options"
              :key="index"
              :label="option.text"
              :value="index"
              :color="option.correct ? 'success' : 'error'"
              class="my-1"
            />
          </v-radio-group>
        </v-card-text>

        <div class="d-flex justify-center">
          <v-card-actions>
            <v-btn
              icon
              small
              class="mx-4"
              @click="prevQuestion"
            >
              <v-icon>mdi-chevron-left</v-icon>
            </v-btn>
            <v-btn
              icon
              small
              color="error"
              class="mx-4"
              @click="deleteQuestion"
            >
              <v-icon>mdi-delete</v-icon>
            </v-btn>
            <v-btn
              icon
              small
              class="mx-4"
              @click="nextQuestion"
            >
              <v-icon>mdi-chevron-right</v-icon>
            </v-btn>
          </v-card-actions>
        </div>
        <div class="mx-2">
          <v-card-actions>
            <v-btn
              large
              rounded
              depressed
              block
              color="primary"
            >
              Preview
            </v-btn>
          </v-card-actions>
        </div>
      </v-card>
    </v-dialog>
  </div>
</template>