kj
/
webtrigon-job-portal
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Angular job portal app
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
34 Révisions
2 Branches
2.3 MiB
 
 
 
 
Aborescence: 04b19535f5
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '04b19535f5'
${ noResults }
webtrigon-job-portal/src/pages/technicalInterview/TechnicalInterview.module.scss

137 lignes
3.4 KiB
Brut Annotations Historique 

  1. .techinicalInterviewContent {

  2.     display: fixed;

  3.     height: 100vh;

  4.     width: 100vw;

  5.     .description {

  6.         ion-icon {

  7.             width: 15rem;

  8.             height: 10rem;

  9.             width: 95%;

  10.             margin: 0 auto;

  11.             margin-top: 4rem;

  12.         }

  13. 

  14.         .meet {

  15.             h4 {

  16.                 color: #363636;

  17.                 text-align: center;

  18.                 font-size: 2.4rem;

  19.                 font-weight: 300;

  20.                 letter-spacing: 0.024rem;

  21.                 margin-top: 3rem;

  22.             }

  23.             p {

  24.                 color: #868686;

  25.                 font-size: 1.4rem;

  26.                 text-align: center;

  27.                 width: 90%;

  28.                 margin: 0 auto;

  29.                 margin-top: 2rem;

  30.                 line-height: 1.8;

  31.             }

  32.         }

  33. 

  34.         .countdown {

  35.             display: flex;

  36.             flex-direction: column;

  37.             align-items: center;

  38.             height: 45vh;

  39.             justify-content: space-around;

  40.             h4 {

  41.                 color: #363636;

  42.                 text-align: center;

  43.                 font-size: 2.4rem;

  44.                 font-weight: 300;

  45.                 letter-spacing: 0.024rem;

  46.             }

  47.             .timeLeft {

  48.                 .time {

  49.                     font-size: 3.6rem;

  50.                     font-weight: 600;

  51.                     color: #363636;

  52.                     letter-spacing: 0.036rem;

  53.                 }

  54.                 .days {

  55.                     font-size: 1.3rem;

  56.                     color: #9F9F9F;

  57.                     display: flex;

  58.                     justify-content: space-between;

  59.                     align-items: center;

  60.                     width: 95%;

  61.                     margin: 0 auto;

  62.                     text-align: center;

  63.                 }

  64.             }

  65.             .icon {

  66.                 width: 6rem;

  67.                 height: 6rem;

  68.                 background-color: #33CE93;

  69.                 border-radius: 50%;

  70.                 display: flex;

  71.                 align-items: center;

  72.                 justify-content: center;

  73. 

  74.                 ion-icon {

  75.                     width: 2rem;

  76.                     height: 2rem;

  77.                     margin: 0;

  78.                 }

  79.             }

  80.             

  81.         }

  82. 

  83.     }

  84. 

  85.     .techinicalInterviewBtn {

  86.         text-decoration: none;

  87.         

  88.         ion-button {

  89.             width: 95%;

  90.             margin: 0 auto;

  91.             margin-top: 38vh;

  92.             margin-bottom: 0;

  93.             --background: var(--primary-button-color);

  94.         }

  95.     }

  96. 

  97.     .buttonHolder {

  98.         display: flex;

  99.         justify-content: space-around;

  100.         align-items: center;

  101.         width: 95%;

  102.         margin: 0 auto;

  103.         margin-top: 7rem;

  104.         a {

  105.             text-decoration: none;

  106.         }

  107. 

  108.         .dashboardButton {

  109.             width: 18rem;

  110.             

  111.             ion-button {

  112.                 margin: 0;

  113.                 --border-style: solid;

  114.                 --border-width: 0.1rem;

  115.                 --border-color: var(--primary-button-color);

  116.                 --background: transparent;

  117.                 --color: var(--primary-button-color);

  118.                 font-size: 1.6rem;

  119.                 font-weight: 600;

  120.             }

  121.         }

  122. 

  123.         .nextStepButton {

  124.             width: 18rem;

  125. 

  126.             margin-left: 1rem;

  127.             ion-button {

  128. 

  129.                 font-size: 1.6rem;

  130.                 font-weight: 600;

  131.                 --background: var(--primary-button-color);

  132. 

  133.             }

  134.         }

  135.       

  136.     }

  137. }