.table-container {
padding: 0.2px;
background-color: var(--Grey);
border-radius: 8.2px;
&--scrolled {
overflow-y: scroll;
}
}
table {
overflow: hidden;
border-collapse: collapse;
min-width: 600px;
width: 100%;
border-radius: 8px;
border: 1px solid var(--Grey);
}
thead {
background-color: var(--Light-Grey);
.th-icon {
display: flex;
align-items: center;
gap: 16px;
&__img {
border-radius: 6px;
padding: 14px;
background-color: var(--White);
box-shadow: 0px 16px 40px -16px rgba(85, 71, 235, 0.5);
svg {
max-width: 28px;
max-width: 28px;
}
}
}
}
tbody {
tr {
cursor: pointer;
background-color: var(--White);
transition: 0.5s;
&:hover {
background-color: #f5f4fe;
}
.link {
opacity: 0.6;
}
}
}
td,
th {
border: 1px solid var(--Grey);
padding: 20px 24px;
text-align: left;
}