Estilos de botones de editar y borrar en la chismosa
This commit is contained in:
		
							parent
							
								
									86d2c0e9f6
								
							
						
					
					
						commit
						53b998f1e5
					
				
					 4 changed files with 26 additions and 9 deletions
				
			
		
							
								
								
									
										8
									
								
								public/css/app.css
									
										
									
									
										vendored
									
									
								
							
							
						
						
									
										8
									
								
								public/css/app.css
									
										
									
									
										vendored
									
									
								
							| 
						 | 
				
			
			@ -6,3 +6,11 @@ p.navbar-item:empty {
 | 
			
		|||
	color: #cc0f35;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
.help {
 | 
			
		||||
	font-size: 1rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
table.table td {
 | 
			
		||||
	vertical-align: middle;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										24
									
								
								public/js/chismosa.js
									
										
									
									
										vendored
									
									
								
							
							
						
						
									
										24
									
								
								public/js/chismosa.js
									
										
									
									
										vendored
									
									
								
							| 
						 | 
				
			
			@ -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…
	
	Add table
		
		Reference in a new issue