avances

Eric Fernandez
1 parent 3c606dad17
Showing 4 changed files with 81 additions and 0 deletions Show diff stats
src/app/comprobantes/comprobantes.component.scss
src/app/nombre-empresa/nombre-empresa.component.css
src/app/nombre-empresa/nombre-empresa.component.html
src/app/nombre-empresa/nombre-empresa.component.ts
@@ -0,0 +1,56 @@
+.panel-informativo {
+  background: #67615e;
+  color: #FFF;
+  min-height: 32px;
+  .form-group {
+      margin-bottom: 5px;
+  }
+  .form-control-xs {
+      height: calc(1.6rem);
+      padding: .25rem .5rem;
+      font-size: .8rem;
+      line-height: 1.3;
+      border-radius: .2rem;
+  }
+  .label {
+      font-size: .8em;
+  }
+  .valor {
+      font-size: .8em;
+  }
+
+  .border{
+      border-width: 4px 2px !important;
+  }
+
+  .nota-pedido {
+      @media (max-width: 576px) {
+          text-align: center;
+      }
+  }
+
+}
+.titulares>div{
+    display: flex;
+    line-height: 30px;
+    h5{
+        line-height: 30px;
+    }
+    button{
+        margin: auto;
+        margin-right: 0;
+    }
+
+    @media(max-width: 992px){
+        border-top: none !important;
+        border-right: none !important;
+        border-left: none !important;
+        border-bottom: 2px solid #FFF !important;
+        &:last-child{
+            border-left: 2px solid #FFF !important;
+        }
+        &:first-child{
+            border-top: 2px solid #FFF !important;
+        }
+    }
+}
 \ No newline at end of file
@@ -0,0 +1,10 @@
+<div class="container">
+    <div class="row align-items-end">
+        <div class="col-md-6">
+            <h5 class="text-left"><strong>Demo distribuidor</strong></h5>
+        </div>
+        <div class="col-md-6">
+            <h5 class="text-right align-bottom"><small>Paso de los andes 1874</small></h5>
+        </div>
+    </div>
+</div>
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-nombre-empresa',
+  templateUrl: './nombre-empresa.component.html',
+  styleUrls: ['./nombre-empresa.component.css']
+})
+export class NombreEmpresaComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
...	...	@@ -0,0 +1,56 @@
	1	+.panel-informativo {
	2	+ background: #67615e;
	3	+ color: #FFF;
	4	+ min-height: 32px;
	5	+ .form-group {
	6	+ margin-bottom: 5px;
	7	+ }
	8	+ .form-control-xs {
	9	+ height: calc(1.6rem);
	10	+ padding: .25rem .5rem;
	11	+ font-size: .8rem;
	12	+ line-height: 1.3;
	13	+ border-radius: .2rem;
	14	+ }
	15	+ .label {
	16	+ font-size: .8em;
	17	+ }
	18	+ .valor {
	19	+ font-size: .8em;
	20	+ }
	21	+
	22	+ .border{
	23	+ border-width: 4px 2px !important;
	24	+ }
	25	+
	26	+ .nota-pedido {
	27	+ @media (max-width: 576px) {
	28	+ text-align: center;
	29	+ }
	30	+ }
	31	+
	32	+}
	33	+.titulares>div{
	34	+ display: flex;
	35	+ line-height: 30px;
	36	+ h5{
	37	+ line-height: 30px;
	38	+ }
	39	+ button{
	40	+ margin: auto;
	41	+ margin-right: 0;
	42	+ }
	43	+
	44	+ @media(max-width: 992px){
	45	+ border-top: none !important;
	46	+ border-right: none !important;
	47	+ border-left: none !important;
	48	+ border-bottom: 2px solid #FFF !important;
	49	+ &:last-child{
	50	+ border-left: 2px solid #FFF !important;
	51	+ }
	52	+ &:first-child{
	53	+ border-top: 2px solid #FFF !important;
	54	+ }
	55	+ }
	56	+}
0	57	\ No newline at end of file
...	...	@@ -0,0 +1,10 @@
	1	+<div class="container">
	2	+ <div class="row align-items-end">
	3	+ <div class="col-md-6">
	4	+ <h5 class="text-left"><strong>Demo distribuidor</strong></h5>
	5	+ </div>
	6	+ <div class="col-md-6">
	7	+ <h5 class="text-right align-bottom"><small>Paso de los andes 1874</small></h5>
	8	+ </div>
	9	+ </div>
	10	+</div>
...	...	@@ -0,0 +1,15 @@
	1	+import { Component, OnInit } from '@angular/core';
	2	+
	3	+@Component({
	4	+ selector: 'app-nombre-empresa',
	5	+ templateUrl: './nombre-empresa.component.html',
	6	+ styleUrls: ['./nombre-empresa.component.css']
	7	+})
	8	+export class NombreEmpresaComponent implements OnInit {
	9	+
	10	+ constructor() { }
	11	+
	12	+ ngOnInit() {
	13	+ }
	14	+
	15	+}