my-app: paginated table and simple filter management

widmogrod · Jan 6, 2024 · 1284d02 · 1284d02
1 parent d2d7eb7
commit 1284d02
Show file tree

Hide file tree

Showing 3 changed files with 589 additions and 242 deletions.
diff --git a/example/my-app/src/App.css b/example/my-app/src/App.css
@@ -30,12 +30,13 @@ span.error {
 span.await {
     background-color: #52d2d2;
 }
-input {
+
+input, select {
     padding: 5px;
     margin: 0 5px 0 0;
 }
 
-input, button {
+input, button, select, textarea {
     border: 1px solid #51887a;
     border-radius: 0;
     margin-top: 2px;
@@ -97,6 +98,18 @@ table > thead .option-row button {
     margin-right: 5px;
 }
 
+table > thead .filter-rules {
+    float: right;
+}
+
+.filter-rules {
+
+}
+
+.filter-group, .filter-rule {
+    margin-left: 40px;
+}
+
 table > tbody > tr {
     border-bottom: 1px solid #dddddd;
 }
@@ -121,9 +134,6 @@ button.next-page{
 }
 button.prev-page{
     float: left;
-    /* icon */
-
-
 }