custom-hot-zone-mini.component.scss 1.28 KB
Newer Older
jeff's avatar
jeff committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69

.p-image-children-editor {

  width: 100%;
  height: 100%;
  border-radius: 0.5rem;

  border: 2px solid #ddd;



  .preview-box {

    margin: auto;
    width: 95%;
    height: 35vw;

    border: 2px dashed #ddd;
    border-radius: 0.5rem;
    background-color: #fafafa;
    text-align: center;
    color: #aaa;


    .preview-img {
      height: 100%;
      width: auto;
    }

  }



  .bg-box{
    //width: 100%;
    margin-bottom: 1rem;

  }

  .img-box {
    margin-bottom: 1rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .img-box-upload{
    width: 80%;
  }

  .add-btn {
    margin-top: 1rem;
    width: 200px;
    height: 90px;

    display: flex;
    align-items: center;
    justify-content: center;
  }
}


.save-box {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
jeff's avatar
jeff committed
70
  justify-items: center;
jeff's avatar
jeff committed
71 72 73 74 75 76 77 78 79 80 81

  .save-btn {
    width: 160px;
    height: 40px;

    //margin-top: 20px;
    margin-bottom: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
jeff's avatar
jeff committed
82 83
    margin-left: 50px;
    margin-right: 50px;
jeff's avatar
jeff committed
84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114
  }
}

.anima-upload-btn {
  padding: 10px;
}

h5 {
  margin-top: 1rem;
}


//
//@font-face
//{
//  font-family: 'BRLNSR_1';
//  src: url("/assets/font/BRLNSR_1.TTF") ;
//}