nova-live/projects/live-app/src/modules/user/gift-log/gift-log.component.scss

.content {
  padding-bottom: 12.8205vw;
  background-image: url("https://file-cloud.fmode.cn/Qje9D4bqol/20241220/b313ov054708770.png") !important;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  --background: #ffffff00;
  ion-segment {
    // justify-content: start;
    // padding: 0 3.2vw;
    // position: sticky;
    // top: 0;
    border-bottom: 0.2564vw solid #e5e5e5;
  }
  .comment-list {
    // background-color: #47474726;
    // border: 1px solid white;
    // margin-top: 4px;
    border-radius: 6px;
    .li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 4px;
      border-bottom: 1px solid #eee;
      .li-user {
        flex-shrink: 0;
        margin-right: 4px;
        .avatar {
          width: 30px;
          height: 30px;
          margin-right: 4px;
        }
      }
      .li-right {
        flex: 1;
        .li-row{
          display: flex;
          justify-content: space-between;
          .nickname{
            font-size: 14px;
            display: flex;
            align-items: center;
          }
          .level {
            margin-left: 1.5385vw;
            text-align: center;
            font-size: 3.0769vw;
            border-radius: 5.1282vw;
            padding: 0vw 1.5385vw;
            color: #000;
          }
          .gift {
            display: flex;
            align-items: center;
            img{
              width: 30px;
              height: 30px;
            }
          }
          .time {
            font-size: 14px;
            color: #676767;
            margin-top: 1.0256vw;
          }
          .credit{
            color: #676767;
            font-size: 14px;
          }
        }

      }
    }
  }
}