Below is the code I am currently using to arrange curved images side by side:
<a-curvedimage
v-for="(value, index) in model"
:theta-start="setThumbThetaStart(thumb, index)"
:theta-length="30">
// The thumb variable is not being utilized, only the index value (0, 1, 2, etc).
setThumbThetaStart (thumb, index) {
return index * this.thumbLength
},
When displaying 5 images, the result is as follows:
(The ordering goes from right to left)
Image 1: theta-start = 0 theta-length = 30
Image 2: theta-start = 30 theta-length = 30
Image 3: theta-start = 60 theta-length = 30
Image 4: theta-start = 90 theta-length = 30
Image 5: theta-start = 120 theta-length = 30
https://i.sstatic.net/mQxwD.png
Is it possible to adjust the code in order to introduce space or margin between the images?