- Modifiqué los estilos para achicar los elementos.

- Agregué tareas clean y watch al gulp.

- Modifiqué los estilos para achicar los elementos.
- Agregué tareas clean y watch al gulp.
Pablo Marco del Pont
1 parent e5e74aaba4
Showing 2 changed files with 18 additions and 9 deletions Show diff stats
gulpfile.js
src/views/modal-moneda.html
@@ -17,7 +17,12 @@ var paths = {
     dist:     'dist/'
 };
  
-gulp.task('templates', function() {
+gulp.task('clean', function() {
+    return gulp.src(['tmp', 'dist'], {read: false})
+    .pipe(clean());
+});
+
+gulp.task('templates', ['clean'], function() {
     return pump(
         [
             gulp.src(paths.srcViews),
@@ -73,3 +78,7 @@ gulp.task(&#39;clean-post-install&#39;, function(){
 });
  
 gulp.task('default', ['webserver']);
+
+gulp.task('watch', function() {
+    gulp.watch([paths.srcJS, paths.srcViews], ['uglify']);
+});
-<div class="modal-header">
-    <h3 class="modal-title">Busqueda de Moneda</h3>
+<div class="modal-header py-1">
+    <h5 class="modal-title">Busqueda de Moneda</h5>
 </div>
 <div class="modal-body" id="modal-body">
-    <div class="input-group mb-3">
+    <div class="input-group">
         <input
             type="text"
-            class="form-control"
+            class="form-control form-control-sm"
             placeholder="Busqueda"
             ng-model="filters"
             ng-change="search()"
@@ -33,7 +33,7 @@
                     <td>
                         <button
                             type="button"
-                            class="btn p-2 float-right"
+                            class="btn btn-xs p-1 float-right"
                             ng-class="{
                                 'btn-secondary': selectedMoneda != key,
                                 'btn-primary': selectedMoneda == key
@@ -48,7 +48,7 @@
             </tbody>
         </table>
         <nav>
-            <ul class="pagination justify-content-end">
+            <ul class="pagination pagination-sm justify-content-end mb-0">
                 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                     <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
                         <span aria-hidden="true">&laquo;</span>
@@ -77,6 +77,6 @@
         </nav>
     </div>
 </div>
-<div class="modal-footer">
-    <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
+<div class="modal-footer py-1">
+    <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
 </div>
...	...	@@ -17,7 +17,12 @@ var paths = {
17	17	dist: 'dist/'
18	18	};
19	19
20		-gulp.task('templates', function() {
	20	+gulp.task('clean', function() {
	21	+ return gulp.src(['tmp', 'dist'], {read: false})
	22	+ .pipe(clean());
	23	+});
	24	+
	25	+gulp.task('templates', ['clean'], function() {
21	26	return pump(
22	27	[
23	28	gulp.src(paths.srcViews),
...	...	@@ -73,3 +78,7 @@ gulp.task('clean-post-install', function(){
73	78	});
74	79
75	80	gulp.task('default', ['webserver']);
	81	+
	82	+gulp.task('watch', function() {
	83	+ gulp.watch([paths.srcJS, paths.srcViews], ['uglify']);
	84	+});
1		-<div class="modal-header">
2		- <h3 class="modal-title">Busqueda de Moneda</h3>
	1	+<div class="modal-header py-1">
	2	+ <h5 class="modal-title">Busqueda de Moneda</h5>
3	3	</div>
4	4	<div class="modal-body" id="modal-body">
5		- <div class="input-group mb-3">
	5	+ <div class="input-group">
6	6	<input
7	7	type="text"
8		- class="form-control"
	8	+ class="form-control form-control-sm"
9	9	placeholder="Busqueda"
10	10	ng-model="filters"
11	11	ng-change="search()"
...	...	@@ -33,7 +33,7 @@
33	33	<td>
34	34	<button
35	35	type="button"
36		- class="btn p-2 float-right"
	36	+ class="btn btn-xs p-1 float-right"
37	37	ng-class="{
38	38	'btn-secondary': selectedMoneda != key,
39	39	'btn-primary': selectedMoneda == key
...	...	@@ -48,7 +48,7 @@
48	48	</tbody>
49	49	</table>
50	50	<nav>
51		- <ul class="pagination justify-content-end">
	51	+ <ul class="pagination pagination-sm justify-content-end mb-0">
52	52	<li class="page-item" ng-class="{'disabled': currentPage == 1}">
53	53	<a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
54	54	<span aria-hidden="true">«</span>
...	...	@@ -77,6 +77,6 @@
77	77	</nav>
78	78	</div>
79	79	</div>
80		-<div class="modal-footer">
81		- <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
	80	+<div class="modal-footer py-1">
	81	+ <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
82	82	</div>