Возможно ли, что полноэкранный диалог Vuetify достигает заголовка, не закрывая его?VueJS

Question

Я использую VueJS с Vuetify 1.3.0 .Я заметил, что диалог в полноэкранном режиме мне очень помогает, но проблема в том, что он охватывает все, и я хотел бы, чтобы он охватывал только нижний колонтитул и тело, но не заголовок.

Можно ли (в некотором роде) заставить полноэкранный диалог появляться только в разделе и скрывать все в нем?

Answer 1

Вы можете переопределить класс: в частности, свойство "top"

.v-dialog--fullscreen {
border-radius: 0;
margin: 0;
height: 100%;
position: fixed;
overflow-y: auto;
top: 100px; //Depending on the header height you want to show.
left: 0;

}