mirror of
https://github.com/Xevion/the-office.git
synced 2025-12-06 07:16:34 -06:00
37 lines
1016 B
Vue
37 lines
1016 B
Vue
<template>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-10">
|
|
<h1>Books</h1>
|
|
<hr>
|
|
<br><br>
|
|
<button type="button" class="btn btn-success btn-sm">Add Book</button>
|
|
<br><br>
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Title</th>
|
|
<th scope="col">Author</th>
|
|
<th scope="col">Read?</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>foo</td>
|
|
<td>bar</td>
|
|
<td>foobar</td>
|
|
<td>
|
|
<div class="btn-group" role="group">
|
|
<button type="button" class="btn btn-warning btn-sm px-2">Update</button>
|
|
<button type="button" class="btn btn-danger btn-sm px-1">Delete</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|