zengh
2022-09-14 8ea19a6bb34daab1410f6186992a4c1e90299c92
static/style/app.scss
@@ -106,4 +106,135 @@
         .u-border-top:after,
         .u-border:after {
            border: 0px solid transparent !important;
         }}
         }}
.people {
      width: 100%;
      height: auto;
      // border: 1px solid red;
.u-card.u-border.u-card--border{
   border: 1px solid rgba($color: #103289, $alpha: .5);
}
      .u-card{
         margin: 0px 0 10px !important;
      }
      .u-card__head.u-border-bottom,.u-card__body,.u-card__foot.u-border-top{
         padding-top: 10px !important;
         padding-bottom: 10px !important;
      }
   }
      // .OnceLoginStyles {
      //    .u-mode-center-box{
      //       background-color: transparent !important;
      //       width: 80% !important;
      //       height: 50% !important;
      //       .backimgs{
      //          background-image: url('/static/home/img/paper.jpg');
      //          width: 100% !important;
      //          height: 300px !important;
      //          border-radius: 100px 100px 0 0;
      //       }
      //       .onceHead{
      //          height: 50% !important;
      //          width: 100% !important;
      //          border-radius: 100px;
      //       }
      //       .onceBody{
      //          display: flex !important;
      //                align-items: center !important;
      //                justify-content: center !important;
      //                flex-direction: column;
      //          height:50% !important;
      //          width: 100% !important;
      //          position: relative;
      //          top: -25%;
      //          .names{
      //             font-size: 1.4rem;
      //             font-weight: 500;
      //          }
      //          .texts{
      //             font-size: 1.4rem;
      //             text-indent: 2rem;
      //             line-height: 2rem;
      //          }
      //       }
      //    }
      // }
      .OnceLoginStyles {
         .u-mode-center-box{
            // background-color: transparent !important;
            background-color: #fff !important;
            width: 80% !important;
            height: auto !important;
            border-radius: 20px;
            // .backimgs{
            // background-image: url('/static/home/img/paper.jpg');
            // padding: 20px;
            //    width: 100% !important;
            //    height: 300px !important;
            //    border-radius: 100px 100px 0 0;
            // }
            position: relative;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            $iconsize:30px;
            // &::after{
            //    content: "";
            //    // background-color: red;
            //    width: $iconsize;
            //    height: $iconsize;
            //    position: absolute;
            //    top: -$iconsize;
            //    left: -$iconsize;
            // }
            .imgs1{
               width: $iconsize !important;
               height: $iconsize !important;
               position: absolute;
               top: 0px;
               left: 5px;
            }
            // .onceHead{
            //    width: 30px !important;
            //    height: 30px !important;
            //    background-color: red !important;
            //    top: -10px !important;
            //    left: -0px !important;
            // }
            .onceBody{
               margin: 30px 20px 20px 20px;
               // height:100% !important;
               // width: 100% !important;
            //    position: relative;
            //    top: -25%;
            $fontsize:1.1rem;
               .names{
                  font-size: $fontsize;
                  font-weight: 500;
               }
               .texts{
                  font-size: $fontsize;
                  text-indent: $fontsize * 2;
                  line-height: 2rem;
               }
            }
            // .buts{
            //    width: calc(100% + 2px);
            //    position: relative;
            //    left: -1px;
            //    top: 2px;
            //    border-radius: 0 0 20px 20px ;
            //    background-color: #103289 !important;
            //    color: #fff;
            // }
         }
      }