Minor chages including class name rename, max entries to load on front page

2026-04-28 03:07:36 +02:00 · 2021-04-20 10:19:02 +02:00
parent b88a4d9c9e
commit a91fa4a7fe
8 changed files with 417 additions and 15 deletions
@@ -0,0 +1,78 @@
+.tableContainer {
+  user-select: none;
+  display: flex;
+  flex-flow: column;
+}
+
+.tableContainer > div {
+  padding: 15px 5px;
+  display: flex;
+  align-items: stretch;
+}
+
+.tableContainer > div > div {
+  padding: 5px;
+}
+
+.tableContainer > div > div:nth-child(1) {
+  flex: 1;
+}
+
+.tableContainer > div > div:nth-child(2) {
+  flex: 0 240px;
+}
+.tableContainer > div > div:nth-child(3) {
+  flex: 0 160px;
+}
+
+.tableContainer > div > div:nth-child(4) {
+  flex: 0 100px;
+}
+
+.rows > div {
+  cursor: pointer;
+}
+
+.rows > div:nth-child(2n + 1) {
+  background-color: var(--dark-color);
+}
+
+.rows > div:hover {
+  background-color: var(--hoover-color);
+}
+
+.header > div > div {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.header > div > div:hover {
+  background-color: var(--hoover-color);
+}
+
+.uploadContainer > div {
+  padding: 5px;
+  text-align: center;
+}
+
+.deleteButton {
+  text-align: center;
+  padding: 2px;
+  border: 1px solid var(--hoover-color);
+  border-radius: 3px;
+  cursor: pointer;
+}
+
+.deleteButton:hover {
+  background-color: var(--dark-color);
+}
+
+.backButton {
+  width: 30%;
+}
+
+.description {
+  padding: 5px;
+  text-align: center;
+}