<v-img
         :min-height="'calc(100vh - ' + $vuetify.application.top + 'px - ' + $vuetify.application.footer + 'px)'"
         src="../../assets/main-background.png"
       >
Может кто объяснить пожалуйста как вычислить необходимую высоту по размерам экрана пользователя и реализовать вывод данного бэкграунда по необходимым размерам, и вообще что происходит в данной формуле...
Все это дело нужно сделать под v-content, чтобы корректно отображалось по размерам

Привет. Не подскажете как реализовать правильнее?

Привет. Не подскажете как реализовать правильнее?

вот что-что, а пример брал по сути с офф доки там просто другая задача была немного поставлена

нет попапа, я сделал желтый квадрат после белой границы через :after, а круг внутри него как правильнее написать?

Просто если задавать фон для в-контент или абсолютом класть в в-контент, то к чему вообще эти расчёты?)

Сделай границу границу через афтер, а круг добавь через Бефор. Так полегче позиционировать будет, мне кажется

а граница у кнопки прописана, в after только желтый квадрат

Да вообще и так закончить можно. Зафигач круг в бефор, там:

pos: absolute
top: 50%
transform: translate(-50%, -50%)
right: - половина ширины квадрата в афтер