Content-Length: 3488 | pFad | http://github.com/postgresml/postgresml/pull/1446.patch

thub.com From 7c592d3b2b516a80706f980d71fd64166f9fc5bf Mon Sep 17 00:00:00 2001 From: Lev Date: Thu, 9 May 2024 07:23:13 -0700 Subject: [PATCH] Fix large table overflow --- .../src/components/pages/demo/template.html | 33 ++++++++++++++++--- .../components/tables/large/table/table.scss | 4 +-- 2 files changed, 31 insertions(+), 6 deletions(-) diff --git a/pgml-dashboard/src/components/pages/demo/template.html b/pgml-dashboard/src/components/pages/demo/template.html index 3929c2f05..b23f08432 100644 --- a/pgml-dashboard/src/components/pages/demo/template.html +++ b/pgml-dashboard/src/components/pages/demo/template.html @@ -1,4 +1,4 @@ -<% use crate::components::tables::small::*; %> +<% use crate::components::tables::{small as small_table, large as large_table}; %> <% use crate::components::headings::{Green, Blue, Gray}; %> <% use crate::components::inputs::text::EditableHeader; %> <% use crate::components::inputs::text::{Input, search::{Search, search::SearchOptions}}; %> @@ -12,17 +12,42 @@

- <%+ Table::new(&["Model", "Performance", "Cost"], &[ - Row::new(&[ + <%+ small_table::Table::new(&["Model", "Performance", "Cost"], &[ + small_table::Row::new(&[ "intfloat/e5-small".into(), "5ms/embedding".into(), "$0.0000000001/embedding".into(), ]).into(), - Row::new(&[ + small_table::Row::new(&[ "intfloat/e5-large".into(), "10ms/embedding".into(), "$0.0000000002/embedding".into(), ]).into(), + small_table::Row::new(&[ + "intfloat/e5-large-with-overflow-intfloat/e5-large-with-overflow-intfloat/e5-large-with-overflow".into(), + "10ms/embedding".into(), + "$0.0000000002/embedding-intfloat/e5-large-with-overflow-intfloat/e5-large-with-overflow".into(), + ]).into(), + ]) %> +

+ +

+ <%+ large_table::Table::new(&["Model", "Performance", "Cost"], &[ + large_table::Row::new(&[ + "intfloat/e5-small".into(), + "5ms/embedding".into(), + "$0.0000000001/embedding".into(), + ]).into(), + large_table::Row::new(&[ + "intfloat/e5-large".into(), + "10ms/embedding".into(), + "$0.0000000002/embedding".into(), + ]).into(), + large_table::Row::new(&[ + "intfloat/e5-large-with-overflow-intfloat/e5-large-with-overflow-intfloat/e5-large-with-overflow".into(), + "10ms/embedding".into(), + "$0.0000000002/embedding-intfloat/e5-large-with-overflow-intfloat/e5-large-with-overflow".into(), + ]).into(), ]) %>

diff --git a/pgml-dashboard/src/components/tables/large/table/table.scss b/pgml-dashboard/src/components/tables/large/table/table.scss index cf4c58188..70b3c83ba 100644 --- a/pgml-dashboard/src/components/tables/large/table/table.scss +++ b/pgml-dashboard/src/components/tables/large/table/table.scss @@ -14,7 +14,7 @@ table.table.table-lg { background: #{$gray-800}; text-transform: uppercase; font-size: 0.75rem; - padding: 16px 0; + padding: 16px 12px 16px 0; &:first-of-type { padding-left: 67px; @@ -42,7 +42,7 @@ table.table.table-lg { td { background: #{$gray-600}; vertical-align: middle; - padding: 20px 0; + padding: 20px 12px 20px 0; &:first-of-type { padding-left: 67px;

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! Saves Data!