opcomm logo et text fix

thierry
Viiciouss 7 years ago
parent 530d596dd3
commit e471780dec

@ -10,7 +10,7 @@
<div class="col-md-6 d-flex flex-column " id="subCard1">
<img src="{{op.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
<div class="subCard1-row d-flex flex-row">
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold text-center">{{commercant.commercialName}}</p></div>
<div class="merchant-logo" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
</div>
@ -75,7 +75,7 @@
<div class="col-md-6 d-flex flex-column " id="subCard1">
<img src="{{op.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
<div class="subCard1-row d-flex flex-row">
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold text-center">{{commercant.commercialName}}</p></div>
<div class="merchant-logo" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
</div>

@ -38,13 +38,13 @@
}
.merchant-name p {
font-size: 3rem;
font-size: 1.5rem;
}
.merchant-logo {
background-repeat: no-repeat;
background-size:50%;
background-position : center;
background-position : 100%;
}
#image1 {
@ -152,7 +152,7 @@
.subCard1-row {
height: 35vw;
.merchant-name p {
font-size: 2rem;
font-size: 1rem;
}
.operation-data p {
font-size: 1rem;

@ -9,7 +9,7 @@
<div class="col-md-6 d-flex flex-column " id="subCard1">
<img src="{{opComm?.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
<div class="subCard1-row d-flex flex-row">
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{opComm?.commercantOpCom.commercialName}}</p></div>
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold text-center">{{opComm?.commercantOpCom.commercialName}}</p></div>
<div class="merchant-logo" [ngStyle]="{ 'background-image': 'url(' + opComm?.commercantOpCom.image.downloadURL + ')'}">
</div>

@ -31,13 +31,13 @@
}
.merchant-name p {
font-size: 3rem;
font-size: 1.5rem;
}
.merchant-logo {
background-repeat: no-repeat;
background-size:50%;
background-position : center;
background-position : 100%;
}
#image1 {
@ -175,7 +175,7 @@
.subCard1-row {
height: 35vw;
.merchant-name p {
font-size: 2rem;
font-size: 1rem;
}
.operation-data p {
font-size: 1rem;

@ -27,7 +27,7 @@
<div class="col-md-6 d-flex flex-column " id="subCard1">
<img src="{{op.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
<div class="subCard1-row d-flex flex-row">
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold text-center">{{commercant.commercialName}}</p></div>
<div class="merchant-logo" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
</div>
@ -104,7 +104,7 @@
<div class="col-md-6 d-flex flex-column " id="subCard1">
<img src="{{op.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
<div class="subCard1-row d-flex flex-row">
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold text-center">{{commercant.commercialName}}</p></div>
<div class="merchant-logo" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
</div>

@ -30,7 +30,7 @@
}
.merchant-name p {
font-size: 3rem;
font-size: 1.5rem;
}
.merchant-logo {
@ -190,7 +190,7 @@
.subCard1-row {
height: 35vw;
.merchant-name p {
font-size: 2rem;
font-size: 1rem;
}
.operation-data p {
font-size: 1rem;

@ -76,7 +76,7 @@
</label>
<div class="col-md-6 d-flex flex-column" id="subCard1" [ngStyle]="{ 'background-image': 'url(' + cartePar.carteTemplate.downloadURL + ')'}">
<div class="subCard1-row d-flex flex-row">
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold text-center">{{commercant.commercialName}}</p></div>
<div class="merchant-logo">
<img src="{{commercant.image.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
</div>
@ -170,7 +170,7 @@
<div class="col-md-6 d-flex flex-column " id="subCard1" [ngStyle]="{ 'background-image': 'url(' + cartePar.carteTemplate.downloadURL + ')'}">
<!--<img src="{{cartePar.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">-->
<div class="subCard1-row d-flex flex-row">
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold text-center">{{commercant.commercialName}}</p></div>
<div class="merchant-logo">
<img src="{{commercant.image.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
</div>

@ -36,7 +36,12 @@
}
.merchant-name p {
font-size: 3rem;
font-size: 1.5rem;
}
#image1 {
z-index: 1;
padding: 0;
}
.merchant-logo {
@ -44,13 +49,13 @@
z-index: 5;
background-repeat: no-repeat;
background-size:50%;
background-position : center;
background-position : 100%;
#image1 {
position: absolute;
top: 15%;
left: 0;
width: 50%;
top: 10%;
left: 50%;
width: 40%;
height: auto;
z-index: 1;
padding: 0;
@ -122,7 +127,7 @@
.subCard1-row {
height: 35vw;
.merchant-name p {
font-size: 2rem;
font-size: 1rem;
}
.operation-data p {
font-size: 1rem;

@ -52,7 +52,7 @@
<div class="col-md-6 d-flex flex-column " id="subCard1">
<img src="{{op.carteTemplate.downloadURL}}" id="image1" class="img-fluid mx-auto d-block flex-center card-img-overlay" alt="Responsive image">
<div class="subCard1-row d-flex flex-row">
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold">{{commercant.commercialName}}</p></div>
<div class="merchant-name d-flex flex-center"><p class="white-text info-text font-bold text-center">{{commercant.commercialName}}</p></div>
<div class="merchant-logo" [ngStyle]="{ 'background-image': 'url(' + commercant.image.downloadURL + ')'}">
</div>

@ -40,13 +40,13 @@
}
.merchant-name p {
font-size: 3rem;
font-size: 1.5rem;
}
.merchant-logo {
background-repeat: no-repeat;
background-size:50%;
background-position : center;
background-position : 100%;
}
#image1 {
@ -150,7 +150,7 @@
.subCard1-row {
height: 35vw;
.merchant-name p {
font-size: 2rem;
font-size: 1rem;
}
.operation-data p {
font-size: 1rem;

Loading…
Cancel
Save