Quiz_dashboard/src/Styles/Layout/DataTable.scss
2024-09-16 09:52:16 +03:00

69 lines
1.2 KiB
SCSS

.DataTable {
width: 100%;
border-radius: 0 0 10px 10px;
// box-shadow: 2px 2px 8px 3px rgba(0, 0, 0, 0.1);
}
.ant-table-cell {
&::before {
background: transparent !important;
}
}
// .ant-table-cell:has(.even-row) {
// border-left: 4px solid var(--primary);
// }
.ClickHere {
padding: 0.3vw 0.8vw;
border-radius: 4vw;
width: 5vw;
background-color: var(--primary);
color: var(--white);
border: none;
outline: none;
font-size: 0.9vw;
}
.ant-table-wrapper
.ant-table-container
table
> thead
> tr:first-child
> *:last-child,
.ant-table-wrapper
.ant-table-container
table
> thead
> tr:first-child
> *:first-child {
border-radius: 0 !important;
}
.TableWithHeader {
display: flex;
flex-direction: column;
padding: 2vw;
background: var(--bg);
// gap: 1vw;
border-radius: var(--border-radius);
transition: 1s ease-in-out;
animation: fadeInRight 1s ease-in-out;
max-height: 90vh;
min-height: 90vh;
overflow-y: scroll;
@include Scrollbar;
> header {
display: flex;
justify-content: space-between;
align-items: center;
width: 95%;
h6 {
color: var(--primary);
font-weight: bold;
}
}
}