@use "./week-day-list.scss";

.me-week-calendar {
  --border-color: #eee;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  td,
  th {
    padding: 10px 12px;
    border: 1px solid var(--border-color);
  }
  thead {
    tr {
      td {
        position: relative;
        // height: 70px;
        .thead-svg {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
        }
      }
    }
  }

  .first-td {
    position: relative;
    span {
      position: absolute;
      &:nth-last-child(1) {
        top: 15px;
        right: 20px;
      }
      &:nth-last-child(2) {
        bottom: 15px;
        left: 20px;
      }
    }
  }
  .time-list {
    .time-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      float: left;
      width: 120px;
      height: 32px;
      background: #fff;
      border-radius: 4px;
      border: 1px solid #ebedf5;
      padding: 0 10px;
      margin-left: 10px;
      margin-bottom: 10px;
      .time {
        // margin-right: 20px;
        font-size: 12px;
        color: var(--el-text-color-regular);
      }
    }
  }
}
