Just getting started with Vue js, so pardon me if this is a silly question. I've scoured the internet and can't seem to find a solution.
I'm working on a v-treeview displaying a folder structure, with descriptions of each folder in a separate column. Unfortunately, I'm struggling to align the Description column with the treeview itself.
Any ideas on how I can get my 2nd column to line up properly?
Here's the snippet of code causing me trouble:
<v-layout>
<v-flex xs12 sm4 justify-center>
<h4>Browse</h4>
<v-treeview
v-model="selectedSelectableNodes"
:items="rootStructure"
item-key="path"
item-text=""
:search="search"
:filter="customFilter"
:open="open"
>
</v-treeview>
</v-flex>
<v-flex xs12 sm3 justify-center>
<h4>Description</h4>
<ul v-for="(item, i) in description" :key="i">
<li><v-chip :color="colorCycle[(i+1) % 4]" outlined>{{ item }}</v-chip></li>
<br/>
</ul>
</v-flex>