Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enhancement: update layout hub when left panel collapse

Browse Source
This commit is contained in:
Faisal Amir 2025-05-22 00:14:16 +07:00
parent ad962c2cf6
commit 661e907784
1 changed files with 40 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web-app/src/routes/hub.tsx
View File

@ -19,6 +19,7 @@ import {
import { downloadModel } from '@/services/models' import { downloadModel } from '@/services/models'
import { useDownloadStore } from '@/hooks/useDownloadStore' import { useDownloadStore } from '@/hooks/useDownloadStore'
import { Progress } from '@/components/ui/progress' import { Progress } from '@/components/ui/progress'
import HeaderPage from '@/containers/HeaderPage'
type ModelProps = { type ModelProps = {
model: { model: {
@ -160,7 +161,8 @@ function Hub() {
return ( return (
<div className="flex h-full w-full"> <div className="flex h-full w-full">
<div className="flex flex-col h-full w-full"> <div className="flex flex-col h-full w-full">
<div className="px-4 py-3 border-b border-main-view-fg/5 h-10 flex items-center justify-between relative z-20"> <HeaderPage>
<div className="pr-4 py-3 border-b border-main-view-fg/5 h-10 w-full flex items-center justify-between relative z-20 ">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<IconSearch className="text-main-view-fg/60" size={14} /> <IconSearch className="text-main-view-fg/60" size={14} />
<input <input
@ -198,6 +200,7 @@ function Hub() {
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
</div> </div>
</HeaderPage>
<div className="p-4 w-full h-[calc(100%-32px)] overflow-y-auto"> <div className="p-4 w-full h-[calc(100%-32px)] overflow-y-auto">
<div className="flex flex-col h-full justify-between gap-4 gap-y-3 w-4/5 mx-auto"> <div className="flex flex-col h-full justify-between gap-4 gap-y-3 w-4/5 mx-auto">
{loading ? ( {loading ? (