Files
chatwoot/app/javascript/dashboard/assets/scss/widgets/_woot-tables.scss
Sivin Varghese 3054a4cb59 feat: Add support for dark mode in dashboard (#7460)
- Add config for TailwindCSS
- Enable HMR
- Add a config in LocalStorage for Dark Mode

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
2023-07-05 12:13:32 -07:00

59 lines
894 B
SCSS

table {
border-spacing: 0;
font-size: var(--font-size-small);
thead {
th {
@apply font-medium text-left uppercase text-slate-900 dark:text-slate-200;
}
}
tbody {
tr {
@apply border-b border-slate-50 dark:border-slate-700;
}
td {
padding: var(--space-small);
}
}
}
.woot-table {
tr {
.show-if-hover {
opacity: 0;
transition: opacity 0.2s $swift-ease-out-function;
}
&:hover {
.show-if-hover {
opacity: 1;
}
}
}
.agent-name {
display: block;
font-weight: var(--font-weight-medium);
text-transform: capitalize;
}
.woot-thumbnail {
border-radius: 50%;
height: 3.125rem;
width: 3.125rem;
}
.button-wrapper {
@include flex-align(left, null);
@include flex;
flex-direction: row;
min-width: 12.5rem;
}
.button {
margin: 0;
}
}