search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.79k stars 6.96k forks source link

[Bug Report] v-tabs Custom layout inside not properly aligned #8783

Closed ayushishah-easternts closed 5 years ago

ayushishah-easternts commented 5 years ago

Environment

Vuetify Version: 2.0.10 Last working version: 1.5.18 Vue Version: 2.6.7 Browsers: Chrome 76.0.3809.132 OS: Windows 10

Steps to reproduce

The designing of custom elements used to be there now tabs get aligned vertically

Expected Behavior

Title should come and tabs should be horizontal with proper deisgning rather than vertically stacked

Actual Behavior

Title on left and tabs on right side horizontally aligned

Reproduction Link

https://codepen.io/ayushibshah/pen/oNvwGxb

johnleider commented 5 years ago

Please cleanup the reproduction so that it's easy to work with and as minimal as possible to display the issue. This feels more like something custom you are doing and not necessarily a bug with the framework.

ayushishah-easternts commented 5 years ago

Hi @johnleider, I have removed few extra elements and my concern is with tab indentation image

KaelWD commented 5 years ago

v-tab is expected to be a direct child of v-tabs. If you aren't doing that then they need to at least be in a flex container rather than a block element.