kj
/
mall-app
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Project: Mall App Client: Maiora
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 Commits
1 Branch
5.5 MiB
 
 
 
 
Tree: 19bb31a761
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '19bb31a761'
${ noResults }
mall-app/src/app/in-app-browser/in-app-browser.page.scss

56 lines
1.1 KiB
Raw Blame History 

  1. .header-bar {

  2.     background-image: url('../../assets/custom/background-5.svg');

  3.     background-size: cover;

  4.     background-repeat: no-repeat;

  5.     background-position: left top;

  6.     display: flex;

  7.     align-items: center;

  8.     justify-content: space-between;

  9.     padding: 15px;

  10.     height: 75px;

  11.     z-index: 3;

  12.     top: 0;

  13.     left: 0;

  14.     width: 100%;

  15.     position: sticky;

  16.     box-shadow: 0px 3px 5px var(--brand-grey);

  17.     margin-bottom: 20px;

  18. 

  19.     .heading-holder {

  20.         display: flex;

  21.         align-items: center;

  22.     }

  23. 

  24.     button, a {

  25.         background-color: white;

  26.         color: var(--brand-blue);

  27.         font-size: 18px;

  28.         padding: 5px;

  29.         border-radius: 50%;

  30.         height: 30px;

  31.         width: 30px;

  32.         display: flex;

  33.         justify-content: center;

  34.         align-items: center;

  35. 

  36.         &.active {

  37.             color: white;

  38.             background-color: var(--brand-blue);

  39.         }

  40.     }

  41. 

  42.     h3 {

  43.         font-size: 16px;

  44.         color: white;

  45.         letter-spacing: 0.5px;

  46.         margin-left: 10px;

  47.         font-weight: 600;

  48.     }

  49. }

  50. 

  51. 

  52. iframe {

  53.     width: 100vw;

  54.     height: 80vh;

  55. }