lucent-laravel/front/sass/_table.scss

.table {
    min-width: 600px;
    overflow: auto;
    border-radius: 12px;
    padding: 20px;
    background: var(--background);
    filter: brightness(97%);
    table {
        width: 100%;

    }
    th {
        font-size: 15px;
        font-weight: normal;
        white-space: nowrap;
        max-width: 400px;
        // height: 34px;
        padding: 8px 16px;
        // border-bottom: 1px solid #ccc;
        &.is-sort {
            background-color: rgba($primary, 0.1);
        }
    }

    td {
        font-size: 15px;
        font-weight: normal;
        white-space: nowrap;
        max-width: 400px;
        height: 48px;
        padding: 4px 16px;

        overflow: hidden;
        &.is-sort {
            background-color: rgba($primary, 0.1);
        }

        img{
            width: 48px;
        }

        .status{
            color:var(--accent);
            font-size: 80%;
        }
        .row-name{
            display: flex;
            align-items: center;
            gap: 6px;
        }
    }
    tr {
        &:hover {
            box-shadow: inset 0em 0em 0em 10em rgba(0, 0, 0, 0.1);
        }
    }

    tr:nth-child(odd) {
        //background-color: #f9f9f9;
    }

    td:nth-child(odd) {
        // border-left: 1px solid #e4e4e4;
        // border-right: 1px solid #e4e4e4;
    }
    th:nth-child(odd) {
        border-left: 1px solid #e4e4e4;
        border-right: 1px solid #e4e4e4;
    }

    .field-ui-number {
        text-align: right;
    }
}