Empty placeholder component. CSS fixes.

2020-08-10 19:54:03 -07:00
parent cd76cc895f
commit e309376150
8 changed files with 85 additions and 19 deletions
--- a/components/common/Table.module.css
+++ b/components/common/Table.module.css
@@ -1,6 +1,7 @@
 .table {
  display: flex;
  flex-direction: column;
+  flex: 1;
 }

 .header {
@@ -16,8 +17,19 @@
 }

 .body {
+  position: relative;
  display: flex;
  flex-direction: column;
+  flex: 1;
+}
+
+.body:empty:before {
+  content: 'No data available';
+  color: var(--gray500);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }

 .row {