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 - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies: