Маржа или отступ для изображения SVG в v-app-bar? ⇐ CSS

[Anonymous]

Это должен быть очень простой вопрос, и, возможно, он не касается конкретно vue/vuetify, но я набираюсь опыта, и это поможет мне понять.
Новичок в vue/vuetify , начиная совершенно новый интерфейс. Я использую v-app-bar
Вот мое приложение.vue:

Код: Выделить всё

Я хотел бы использовать SVG в качестве логотипа в заголовке панели навигации, а не текст (как показывают примеры vuetify).
Он работает нормально за исключением того, что я не могу понять, как получить верхнее и нижнее поля вокруг изображения. class="ma-2" отлично работает, предоставляя мне левое (и я предполагаю правое) поле, но никогда не дает мне верхнее + нижнее поле. Заполнение тоже.
Я ожидаю, что упускаю что-то невероятно очевидное... или, как я уже сказал, я новичок в vue/vuetify, есть ли лучший способ, которым я должен это сделать? разместить это изображение логотипа на панели навигации?



Подробнее здесь: https://stackoverflow.com/questions/786 ... -v-app-bar