-
-
-
-
-
-
-
{{(item.title.length > 65) ? item.title.substring(0,64)+"...": item.title }}
+
+
You have a new offer, this offer expires on {{item.expire | date}}
+
+
+
+
+
+
+
+
Title : {{(item.title.length > 45) ? item.title.substring(0, 44) + "..." : item.title }}
+
-
-
{{item.price*0.01| number : '1.2-2'}} {{item.currency}}
-
-
{{ (currOpenOffer !='' && currOpenOffer==item.offer_uid)? 'Close': 'View'}}
+
+
Reward: {{item.price * 0.01| number : '1.2-2'}} {{item.currency}}
+
+
+ {{ (currOpenOffer != '' && currOpenOffer == item.offer_uid) ? 'Close' : 'View Offer'}}
+
+
+
-
-
-
+
+
+
+
+
+ Title : {{item.title}}
+
+
+ Description : {{item.description}}
+
+
+
+ Reward : {{item.price * 0.01| number : '1.2-2'}} {{item.currency}}
+ Duration : {{item.timeline_days}} day(s)
+
+
+
+ Expected Delivery Details :
+
+
+
+
+
+
+
+
+ Reject Offer
+
+
+ Start Now
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
- {{item.title}}
-
-
- {{item.description}}
-
-
- Reward : {{item.price*0.01| number : '1.2-2'}} {{item.currency}} Duration : {{item.timeline_days}} day(s)
-
-
-
-
-
-
-
-
-
- Reject
-
-
- Start Now
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/app/components/offers-received/offers-received.component.scss b/src/app/components/offers-received/offers-received.component.scss
index a102246..8250cd1 100644
--- a/src/app/components/offers-received/offers-received.component.scss
+++ b/src/app/components/offers-received/offers-received.component.scss
@@ -2,71 +2,80 @@
font-size: 16px;
font-weight: bolder;
}
-.offerBanner{
+
+.soft_label {
+ color: #0b5e86;
+}
+
+.offerBanner {
box-shadow: 2px 1px 1px #bbadad;
- //background-color: #e8f1e8;
- background: linear-gradient(to top, #f0f8ff 0%, #f0f9fd 100%);
+ //background-color: #e8f1e8;
+ background: linear-gradient(to top, #f6f8fa 0%, #f0f9fd 100%);
border-radius: 10px;
border-color: #383a3e;
margin-top: 10px;
margin-bottom: 5px;
- //display: flex;
- .offer_title{
+
+ .offer_title {
font-size: 16px;
font-weight: bolder;
- //width: 100%;
- //display: block;
- //white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 5px;
- height: 55px;
- // background-color:whitesmoke;
+ height: 35px;
}
- .price{
+
+ .price {
margin-top: 5px;
margin-bottom: 5px;
- color:green;
+ color: green;
font-size: 14px;
font-weight: bolder;
}
- .expire{
+
+ .expire {
font-weight: bold;
color: red;
font-size: 14px;
}
}
-.offers_div{
+.offers_div {
background-color: aliceblue;
border-radius: 10px;
border-color: #383a3e;
margin: 10px 0 10px 0;
- .offer_title{
+
+ .offer_title {
font-size: 18px;
font-weight: bolder;
}
- .action_area{
- background-color:whitesmoke;
+
+ .action_area {
+ background-color: whitesmoke;
}
- .offer_banner{
+
+ .offer_banner {
border-radius: 100%;
background-color: white;
width: 100%;
height: auto;
}
- .price{
+
+ .price {
margin-top: 5px;
margin-bottom: 5px;
- color:green;
+ color: green;
font-size: 14px;
}
- .expire{
+
+ .expire {
font-weight: bold;
color: red;
font-size: 10px;
}
- .detail_txt{
+
+ .detail_txt {
font-size: 14px;
margin: 5px;
font-weight: bold;
@@ -75,15 +84,16 @@
min-height: 120px;
padding: 3px;
overflow: hidden;
- text-overflow:ellipsis;
+ text-overflow: ellipsis;
}
}
ion-content {
- .hdt{
+ .hdt {
padding-bottom: 10px;
}
+
.back_image {
width: 100%;
height: 100px;
@@ -432,32 +442,35 @@ ion-content {
}
-
.bold_text {
font-size: 20px;
font-family: 'bold';
}
}
-ion-card{
+ion-card {
border-color: #3dc2ff;
background-color: aliceblue;
margin-left: 0px;
margin-right: 0px;
- ion-card-content{
+
+ ion-card-content {
font-size: 14px;
}
- ion-card-subtitle{
+
+ ion-card-subtitle {
color: red;
}
- .top_banner{
+
+ .top_banner {
background-color: white;
width: 100%;
//background-color: #2dd36f;
margin-left: auto;
margin-right: auto;
text-align: center;
- .offer_banner{
+
+ .offer_banner {
width: auto;
height: 100px;
background-size: contain;
@@ -466,12 +479,14 @@ ion-card{
}
}
- .offer_title{
+ .offer_title {
font-size: 18px;
}
- ion-grid{
+
+ ion-grid {
background-color: white;
- ion-col{
+
+ ion-col {
text-align: center;
}
}
+