diff --git a/Mohem/src/app/offersdiscount/home/home.component.scss b/Mohem/src/app/offersdiscount/home/home.component.scss index 3480c521..a447930d 100644 --- a/Mohem/src/app/offersdiscount/home/home.component.scss +++ b/Mohem/src/app/offersdiscount/home/home.component.scss @@ -23,12 +23,12 @@ border-radius: 20px; } .filterText{ - margin: 5px 15px 15px; + margin: 5px 15px 5px; font-size: 18px; font-weight: bold; } .container-icon{ - padding: 0 10px 20px; + padding: 0 10px 0px; position: relative; white-space:nowrap; overflow-x:auto; @@ -46,6 +46,7 @@ margin: 5px; border-radius: 10px; background: #fff; + position: relative; } .sale-icon ion-icon{ font-size: 25px; @@ -53,11 +54,15 @@ .sale-icon p{ margin-top:5px; margin-bottom: 5px; + text-transform: capitalize; + font-size: 15px; } .bottom-icon{ text-overflow: clip; white-space: normal; font-size: 14px; + padding: 4px; + font-weight: bold; } ion-card{ margin:5px; @@ -67,22 +72,29 @@ ion-card-header{ } ion-card-header img{ - margin:15px auto; + margin: 15px auto; + height: 85px; } .dark{ display: block; - margin: 6px; - font-size: 18px; + margin: 2px; + font-size: 15px; + font-weight: bold; } ion-card-title{ font-weight: bold; font-size: 18px; +} +ion-card-content{ padding: 5px; } .orange{ color: orange; } +.red{ + color:rgb(172, 9, 9) +} .green{ color:#00AE4D; } @@ -116,4 +128,24 @@ margin: 5px; } .edit{ margin-left:20px !important; +} +.offer-valid{ + font-weight: bold; + margin:2px; + font-size: 14px; +} +.active .top::before{ + position: absolute; + right: 0px; + top: -3px; + padding: 0px; + background: #3cc353; + padding: 3px; + border-radius: 60%; + font-size: 10px; + color: #fff; + content: '✓'; +} +ion-content{ + --background:#F5F5F5 ; } \ No newline at end of file