nova-live/projects/live-app/src/moduls/user/anchor/anchor.component.scss

.content {
  height: 100vh;
  width: 100%;
  background-image: url("https://file-cloud.fmode.cn/uiZD6NisQm/20220831/g1bkbm102855.png") !important;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  --background: #ffffff00;
  --padding-bottom: 100px;
  .edit-room {
    // padding: 10px;
    width: 370px;
    margin: 0 auto;
    background: white;
    border-radius: 6px;
    margin-top: 10px;
    .row {
      padding: 6px;
      margin-bottom: 4px;
      .title {
        color: black;
        margin-bottom: 4px;
      }
      ion-input {
        background-color: #f3f3f3;
        --padding-end: 4px;
        --padding-start: 4px;
      }
      ion-textarea {
        background-color: #f3f3f3;
        --padding-end: 4px;
        --padding-start: 4px;
      }
    }
  }
}
.agreement {
  width: 84vw;
  height: 13.333vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  color: #9f9f9f;
  margin: auto;
  margin-top: 6.667vw;
  span {
    color: #3f51b5;
  }
  .agreement-content {
    margin-left: 2.667vw;
    // width: 90%;
  }
  ion-checkbox {
    --background: #108ee9;
    // --border-color: #fff;
    // --border-color-checked: #fff;
    --background-checked: #108ee9;
  }
}
.submit {
  position: fixed;
  bottom: 8vw;
  width: 80%;
  height: 10.6667vw;
  font-size: 4.2667vw;
  color: white;
  margin: 0 10%;
  // background-color: #fe4d54;
  background: #0054e9;
  border-radius: 10px;
  z-index: 9;
}