ershisan99/flashcards-example-project
1
0
Fork 0
mirror of https://github.com/ershisan99/flashcards-example-project.git synced 2025-12-18 05:09:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

homework 2 done

Browse Source
This commit is contained in:
Andres
2023-08-03 19:52:53 +02:00
parent c230948b57
commit 8d75b18f61
53 changed files with 1631 additions and 510 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/ui/table/table.module.scss Normal file
View File

@@ -0,0 +1,50 @@
.table {
border-collapse: collapse;
color: var(--color-light-100);
border: 1px solid var(--color-dark-500);
}
.headCell {
padding: 6px 24px;
font-size: var(--font-size-s);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-m);
background-color: var(--color-dark-500);
> span {
user-select: none;
display: flex;
gap: 4px;
align-items: center;
}
&.sortable > span {
cursor: pointer;
}
svg {
transition: transform 0.2s ease-in-out;
}
}
.tableCell {
padding: 6px 24px;
font-size: var(--font-size-s);
line-height: var(--line-height-m);
background-color: var(--color-bg-table);
border-bottom: 1px solid var(--color-dark-500);
}
.chevronDown {
transform: rotate(180deg);
}
.empty {
display: flex;
justify-content: center;
width: 100%;
}