Estilos de botones de editar y borrar en la chismosa
This commit is contained in:
parent
86d2c0e9f6
commit
53b998f1e5
|
@ -6,3 +6,11 @@ p.navbar-item:empty {
|
|||
color: #cc0f35;
|
||||
}
|
||||
|
||||
|
||||
.help {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
table.table td {
|
||||
vertical-align: middle;
|
||||
}
|
|
@ -1,14 +1,14 @@
|
|||
Vue.component('chismosa', {
|
||||
template: `
|
||||
<div class="container">
|
||||
<table class="table is-fullwidth">
|
||||
<table class="table is-fullwidth is-striped is-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><abbr title="Producto">Prod</abbr></th>
|
||||
<th><abbr title="Cantidad">Cant</abbr></th>
|
||||
<th><abbr title="Cantidad">C</abbr></th>
|
||||
<th><abbr title="Precio Total">$</abbr></th>
|
||||
<th>Editar</th>
|
||||
<th><abbr title="Eliminar">X</abbr></th>
|
||||
<th></th>
|
||||
<th><abbr title="Eliminar"></abbr></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tfoot>
|
||||
|
@ -69,14 +69,22 @@ Vue.component('chismosa', {
|
|||
Vue.component('producto-row', {
|
||||
template: `
|
||||
<tr>
|
||||
<th>{{ this.producto.nombre }}</th>
|
||||
<td>{{ this.producto.nombre }}</td>
|
||||
<td>{{ this.producto.pivot.cantidad }}</td>
|
||||
<td>{{ this.producto.pivot.total }}</td>
|
||||
<td>ACÁ VA BOTON PA EDITAR</td>
|
||||
<td>ACÁ VA BOTON PA BORRAR</td>
|
||||
<td><button class="button is-warning">
|
||||
<span class="icon">
|
||||
<i class="fas fa-edit"></i>
|
||||
</span>
|
||||
</button></td>
|
||||
<td><button class="button is-danger">
|
||||
<span class="icon">
|
||||
<i class="fas fa-trash-alt"></i>
|
||||
</span>
|
||||
</button></td>
|
||||
</tr>
|
||||
`,
|
||||
props: {
|
||||
producto: Object
|
||||
}
|
||||
})
|
||||
})
|
|
@ -5,6 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{ config('app.name', 'Compras del MPS') }}</title>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
|
||||
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
||||
</head>
|
||||
<body>
|
||||
<section class="section">
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
<title>{{ session("subpedido_nombre") ? "Pedido de " . session("subpedido_nombre") . " - " . config('app.name', 'Compras del MPS') : config('app.name', 'Compras del MPS')}}</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
|
||||
<script src="https://kit.fontawesome.com/9235d1c676.js" crossorigin="anonymous"></script>
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
|
||||
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
|
||||
|
|
Loading…
Reference in New Issue