Mirrors/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2026-03-08 05:23:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added CompactTable and ActionIcons UI components

Browse Source
This commit is contained in:
Paweł Malak
2022-03-25 11:04:16 +01:00
parent 9ab6c65d85
commit bd96f6ca50
10 changed files with 106 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
client/src/components/UI/Tables/Table/Table.module.css Normal file
View File

@@ -0,0 +1,41 @@
.TableContainer {
width: 100%;
}
.Table {
border-collapse: collapse;
width: 100%;
text-align: left;
font-size: 16px;
color: var(--color-primary);
table-layout: fixed;
}
.Table th,
.Table td {
padding: 10px;
overflow: hidden;
text-overflow: ellipsis;
}
/* Head */
.Table th {
--header-radius: 4px;
background-color: var(--color-primary);
color: var(--color-background);
}
.Table th:first-child {
border-top-left-radius: var(--header-radius);
border-bottom-left-radius: var(--header-radius);
}
.Table th:last-child {
border-top-right-radius: var(--header-radius);
border-bottom-right-radius: var(--header-radius);
}
/* Body */
.Table td {
transition: all 0.2s;
}