Commit bc8c19a

committed

add responsive property to table

1 parent ddf7e9f commit bc8c19aCopy full SHA for bc8c19a

File tree

-2

lines changed

-2

lines changed

Lines changed: 9 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,8 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div>`
`3`	`3`	`<h3 class="heading">List of Markers</h3>`
`4`		`- <table class="table table-striped" v-if="markersList.length">`
	`4`	`+ <div class="table-responsive" v-if="markersList.length">`
	`5`	`+ <table class="table table-striped">`
`5`	`6`	`<thead>`
`6`	`7`	`<tr>`
`7`	`8`	`<th scope="col">Marker</th>`
`@@ -23,12 +24,14 @@`
`23`	`24`	`</td>`
`24`	`25`	`<td>`
`25`	`26`	`<input`
	`27`	`+ class="input-position"`
`26`	`28`	`v-model.number="item.position.lat"`
`27`	`29`	`type="number"`
`28`	`30`	`>`
`29`	`31`	`</td>`
`30`	`32`	`<td>`
`31`	`33`	`<input`
	`34`	`+ class="input-position"`
`32`	`35`	`v-model.number="item.position.lng"`
`33`	`36`	`type="number"`
`34`	`37`	`>`
`@@ -65,7 +68,8 @@`
`65`	`68`	`</td>`
`66`	`69`	`</tr>`
`67`	`70`	`</tbody>`
`68`		`- </table>`
	`71`	`+ </table>`
	`72`	`+ </div>`
`69`	`73`	`<div class="alert alert-danger" v-else>`
`70`	`74`	`You have no markers!`
`71`	`75`	`</div>`
`@@ -95,4 +99,7 @@ export default {`
`95`	`99`	`.table-data {`
`96`	`100`	`text-align: center`
`97`	`101`	`}`
	`102`	`+.input-position {`
	`103`	`+ width: 100px`
	`104`	`+}`
`98`	`105`	`</style>`

Comments

(0)