From 43c8f38d157f94f5c237b994fe7551650749a762 Mon Sep 17 00:00:00 2001 From: Kuba Orlik Date: Tue, 26 Dec 2023 10:44:28 +0100 Subject: [PATCH] Update sealgen, add some styles --- package-lock.json | 28 ++++++++++++++-------------- src/main.scss | 4 ++++ src/tables.scss | 33 +++++++++++++++++++++++++++++++++ 3 files changed, 51 insertions(+), 14 deletions(-) create mode 100644 src/tables.scss diff --git a/package-lock.json b/package-lock.json index af31b6c..d3f851a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,14 +14,14 @@ "@hotwired/turbo": "^7.1.0", "@koa/router": "^12.0.1", "@playwright/test": "^1.36.1", - "@sealcode/sealgen": "^0.8.50", + "@sealcode/sealgen": "^0.8.52", "@sealcode/ts-predicates": "^0.4.3", "@types/kill-port": "^2.0.0", "hint": "^7.0.1", "locreq": "^2.0.2", "multiple-scripts-tmux": "^1.0.4", "nodemon": "^3.0.1", - "sealious": "^0.17.36", + "sealious": "^0.17.37", "stimulus": "^2.0.0", "tempstream": "^0.0.21" }, @@ -2956,9 +2956,9 @@ } }, "node_modules/@sealcode/sealgen": { - "version": "0.8.50", - "resolved": "https://registry.npmjs.org/@sealcode/sealgen/-/sealgen-0.8.50.tgz", - "integrity": "sha512-1x8KNCoMLXD19aDczPnI8+HFc0p+dX2tm3ikBlUXUgY4ZF8CrD3xArj8noUqNCIwuk8FTpTZNRSLqx9YblxNYQ==", + "version": "0.8.53", + "resolved": "https://registry.npmjs.org/@sealcode/sealgen/-/sealgen-0.8.53.tgz", + "integrity": "sha512-IsNXVFWKu7PAFABomVp6pER0V6BSCL3Gn0VZoR5X/iLcNGezqmcBar6lfxz+6cdAvXraWRUINR4iurJhkDnPdw==", "dependencies": { "@koa/router": "^12.0.1", "@sealcode/ts-predicates": "^0.4.3", @@ -13442,9 +13442,9 @@ } }, "node_modules/sealious": { - "version": "0.17.36", - "resolved": "https://registry.npmjs.org/sealious/-/sealious-0.17.36.tgz", - "integrity": "sha512-l+sbRf5XhcSeEAt7vjgHFIh/+RIYnwx2DqgRpwRQtj+ntBWFXhLbJOTmG/sNtDssFvfi1G/44usUtEYwQWxDAg==", + "version": "0.17.37", + "resolved": "https://registry.npmjs.org/sealious/-/sealious-0.17.37.tgz", + "integrity": "sha512-9NXSkeLZ4Fst/OYyW4QfuTYq1bTNQNWNNComuAIgr0eIDomN6UWIIrE6BTX1gVNLB/dXhS4ei69MztVIVdmDqQ==", "dependencies": { "@koa/router": "^12.0.1", "@sealcode/ts-predicates": "^0.4.3", @@ -18045,9 +18045,9 @@ } }, "@sealcode/sealgen": { - "version": "0.8.50", - "resolved": "https://registry.npmjs.org/@sealcode/sealgen/-/sealgen-0.8.50.tgz", - "integrity": "sha512-1x8KNCoMLXD19aDczPnI8+HFc0p+dX2tm3ikBlUXUgY4ZF8CrD3xArj8noUqNCIwuk8FTpTZNRSLqx9YblxNYQ==", + "version": "0.8.53", + "resolved": "https://registry.npmjs.org/@sealcode/sealgen/-/sealgen-0.8.53.tgz", + "integrity": "sha512-IsNXVFWKu7PAFABomVp6pER0V6BSCL3Gn0VZoR5X/iLcNGezqmcBar6lfxz+6cdAvXraWRUINR4iurJhkDnPdw==", "requires": { "@koa/router": "^12.0.1", "@sealcode/ts-predicates": "^0.4.3", @@ -25839,9 +25839,9 @@ } }, "sealious": { - "version": "0.17.36", - "resolved": "https://registry.npmjs.org/sealious/-/sealious-0.17.36.tgz", - "integrity": "sha512-l+sbRf5XhcSeEAt7vjgHFIh/+RIYnwx2DqgRpwRQtj+ntBWFXhLbJOTmG/sNtDssFvfi1G/44usUtEYwQWxDAg==", + "version": "0.17.37", + "resolved": "https://registry.npmjs.org/sealious/-/sealious-0.17.37.tgz", + "integrity": "sha512-9NXSkeLZ4Fst/OYyW4QfuTYq1bTNQNWNNComuAIgr0eIDomN6UWIIrE6BTX1gVNLB/dXhS4ei69MztVIVdmDqQ==", "requires": { "@koa/router": "^12.0.1", "@sealcode/ts-predicates": "^0.4.3", diff --git a/src/main.scss b/src/main.scss index fdc7ef9..8731284 100644 --- a/src/main.scss +++ b/src/main.scss @@ -1,5 +1,9 @@ html { background: #eee; + font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", + "Segoe UI Emoji", "Segoe UI Symbol", "Lato", "Helvetica Neue", Helvetica, Arial, + sans-serif; + font-size: 14px; } body { diff --git a/src/tables.scss b/src/tables.scss new file mode 100644 index 0000000..30518da --- /dev/null +++ b/src/tables.scss @@ -0,0 +1,33 @@ +table, +td, +th { + border-collapse: collapse; +} + +.list-pagination { + display: grid; + grid-template-columns: 1fr min-content 1fr; + grid-column-gap: 1rem; + margin-bottom: 0.5rem; + + &__left { + text-align: right; + } +} + +thead th { + background-color: #ddd; + border-style: solid; + border-width: 1px 0 1px 0; + border-color: #777; + padding: 9px 7px; + font-size: 14px; +} + +tr:hover { + background-color: #ccc; +} + +td { + padding: 2px 8px; +}