dearwolf/LocalAI
1
0
Fork 0
mirror of https://github.com/mudler/LocalAI.git synced 2025-05-20 10:35:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 21

fix(webui): improve model display, do not block view (#5133)

Browse source 
Signed-off-by: Ettore Di Giacinto <mudler@localai.io>
This commit is contained in:
Ettore Di Giacinto 2025-04-07 18:03:25 +02:00 • committed by GitHub
parent 5018452be7
commit 710f624ecd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
core/http/elements/gallery.go
View file

@ -122,15 +122,15 @@ func modelModal(m *gallery.GalleryModel) elem.Node {
"id": modalName(m), "id": modalName(m),
"tabindex": "-1", "tabindex": "-1",
"aria-hidden": "true", "aria-hidden": "true",
"class": "hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full", "class": "hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-full max-h-full bg-gray-900/50",
}, },
elem.Div( elem.Div(
attrs.Props{ attrs.Props{
"class": "relative p-4 w-full max-w-2xl max-h-full", "class": "relative p-4 w-full max-w-2xl h-[90vh] mx-auto mt-[5vh]",
}, },
elem.Div( elem.Div(
attrs.Props{ attrs.Props{
"class": "relative p-4 w-full max-w-2xl max-h-full bg-white rounded-lg shadow dark:bg-gray-700", "class": "relative bg-white rounded-lg shadow dark:bg-gray-700 h-full flex flex-col",
}, },
// header // header
elem.Div( elem.Div(
@ -164,14 +164,13 @@ func modelModal(m *gallery.GalleryModel) elem.Node {
// body // body
elem.Div( elem.Div(
attrs.Props{ attrs.Props{
"class": "p-4 md:p-5 space-y-4", "class": "p-4 md:p-5 space-y-4 overflow-y-auto flex-1 min-h-0",
}, },
elem.Div( elem.Div(
attrs.Props{ attrs.Props{
"class": "flex justify-center items-center", "class": "flex justify-center items-center",
}, },
elem.Img(attrs.Props{ elem.Img(attrs.Props{
// "class": "rounded-t-lg object-fit object-center h-96",
"class": "lazy rounded-t-lg max-h-48 max-w-96 object-cover mt-3 entered loaded", "class": "lazy rounded-t-lg max-h-48 max-w-96 object-cover mt-3 entered loaded",
"src": m.Icon, "src": m.Icon,
"loading": "lazy", "loading": "lazy",
@ -232,7 +231,6 @@ func modelModal(m *gallery.GalleryModel) elem.Node {
), ),
), ),
) )
} }
func modelDescription(m *gallery.GalleryModel) elem.Node { func modelDescription(m *gallery.GalleryModel) elem.Node {