Ui bug Fixes

This commit is contained in:
DarokCx
2024-10-02 15:40:20 -04:00
parent e7e3a09ce4
commit fa52fb4ae6
2 changed files with 9 additions and 6 deletions

View File

@@ -4,6 +4,7 @@ import { textgenerationwebui_settings as textgen_settings, textgen_types } from
import { tokenizers } from './tokenizers.js'; import { tokenizers } from './tokenizers.js';
import { renderTemplateAsync } from './templates.js'; import { renderTemplateAsync } from './templates.js';
import { POPUP_TYPE, callGenericPopup } from './popup.js'; import { POPUP_TYPE, callGenericPopup } from './popup.js';
import { PAGINATION_TEMPLATE } from './utils.js';
let mancerModels = []; let mancerModels = [];
let togetherModels = []; let togetherModels = [];
@@ -306,11 +307,11 @@ export async function loadFeatherlessModels(data) {
pageRange: 1, pageRange: 1,
pageNumber: 1, pageNumber: 1,
showPageNumbers: true, showPageNumbers: true,
showSizeChanger: true, showSizeChanger: false,
prevText: '<', prevText: '<',
nextText: '>', nextText: '>',
formatNavigator: function (currentPage, totalPage) { formatNavigator: function (currentPage, totalPage) {
return 'Page ' + currentPage + ' of ' + totalPage; return (currentPage - 1) * perPage + 1 + ' - ' + currentPage * perPage + ' of ' + totalPage * perPage;
}, },
showNavigator: true, showNavigator: true,
callback: function (modelsOnPage) { callback: function (modelsOnPage) {

View File

@@ -5502,7 +5502,7 @@ body:not(.movingUI) .drawer-content.maximized {
} }
.model-card:hover { .model-card:hover {
transform: scale(1.05); /* Grow the card slightly on hover */ transform: scale(1.025); /* Grow the card slightly on hover */
background-color: #444; /* Highlight background on hover */ background-color: #444; /* Highlight background on hover */
transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; /* Smooth transition */ transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; /* Smooth transition */
} }
@@ -5546,7 +5546,8 @@ body:not(.movingUI) .drawer-content.maximized {
/* Grid-view layout for the card container */ /* Grid-view layout for the card container */
#model_card_block.grid-view { #model_card_block.grid-view {
grid-row: 1 / span 2; /* Span two rows */ /* grid-row: 1 / span 2; Span two rows */
grid-template-columns: repeat(2, 1fr);
display: flex; display: flex;
flex-wrap: wrap; /* Cards wrap onto new lines when necessary */ flex-wrap: wrap; /* Cards wrap onto new lines when necessary */
gap: 15px; /* Space between grid items */ gap: 15px; /* Space between grid items */
@@ -5562,8 +5563,9 @@ body:not(.movingUI) .drawer-content.maximized {
/* Ensure the search bar takes most of the width */ /* Ensure the search bar takes most of the width */
#model_search_bar { #model_search_bar {
flex-grow: 1; width: 15ch;
min-width: 10ch; flex-grow: 0;
/* min-width: 10ch; */
align-self: center; align-self: center;
} }