From f9576048a015cb2b48078bd1975ebdb225fbd24e Mon Sep 17 00:00:00 2001 From: Sultan Khan Date: Mon, 5 Jul 2021 08:47:57 +0300 Subject: [PATCH] design fixes share --- .../offer-details.component.scss | 54 ++++++++++++++++--- 1 file changed, 48 insertions(+), 6 deletions(-) diff --git a/Mohem/src/app/offersdiscount/offer-details/offer-details.component.scss b/Mohem/src/app/offersdiscount/offer-details/offer-details.component.scss index b71d63c6..70e06772 100644 --- a/Mohem/src/app/offersdiscount/offer-details/offer-details.component.scss +++ b/Mohem/src/app/offersdiscount/offer-details/offer-details.component.scss @@ -18,31 +18,46 @@ } ion-card-header{ background-color: #fff; - padding: 10px !important; + padding: 10px 10px 1px 10px !important; +} + + ion-card-header img{ + height: 170px; +} +.related-offers-container ion-card-header img{ + height: 150px; } .content-bottom{ - padding: 5px; + padding: 0px 0px 10px; } .green{ color:green; font-weight: bold; } .content-bottom h1{ - font-size: 20px; - margin-top: 10px; + font-size: 14px; + margin-top: -5px; font-weight: bold; } .details-button ion-button{ --background: #565656; } ion-card-title{ - margin:10px; + margin: 15px 0px 0px 5px; + font-size: 22px; } ion-card-content{ padding-top:0px; } +ion-card-content strong{ + font-size: 14px; +} +ion-card-content p{ + font-size: 11px; +} .red{ - color:rgb(172, 9, 9) + color:rgb(172, 9, 9); + margin-left: -5px; } .green{ color:#00AE4D; @@ -61,4 +76,31 @@ ion-card-content{ .description{ height: 55px; overflow: hidden; +} +ion-card{ + margin: 20px; +} +ion-card-content{ + padding: 0 15px 0px 15px; +} +ion-card{ + + --background: #fff; + --border-radius: 53px; + border-radius: 10px; +} +.red{ + color: #de1717; + font-weight: bold; + margin-left: -5px; +} +.arrow-icon{ + margin-top: 0px; + font-size: 25px; + color: #0298df; +} +.share-icon{ + font-size: 25px; + position: absolute; + bottom: 6px; } \ No newline at end of file