LumeWeb
/
portal-dashboard
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

File Manager - Dashboard Routes #2

Merged
ditorodev merged 14 commits from riobuenoDevelops/fileManager-dashboard into develop 2024-03-13 17:05:35 +00:00
Conversation 1 Commits 14 Files Changed 23 +6 -6
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 6bdbc644e9 - Show all commits

12
app/components/general-layout.tsx
View File

@ -17,8 +17,8 @@ import { DialogClose } from "@radix-ui/react-dialog"
export const GeneralLayout = ({ children }: React.PropsWithChildren<{}>) => { export const GeneralLayout = ({ children }: React.PropsWithChildren<{}>) => {
return ( return (
<div className="p-10 h-full flex flex-row"> <div className="h-full flex flex-row">
<header className="w-full flex flex-col max-w-[240px] h-full"> <header className="p-10 pr-0 flex flex-col w-[240px] h-full scroll-m-0 overflow-hidden">
<img src={logoPng} alt="Lume logo" className="h-10 w-32" /> <img src={logoPng} alt="Lume logo" className="h-10 w-32" />
<nav className="my-10 flex-1"> <nav className="my-10 flex-1">
@ -67,10 +67,10 @@ export const GeneralLayout = ({ children }: React.PropsWithChildren<{}>) => {
</Dialog> </Dialog>
</header> </header>
<div className="flex-1"> <div className="flex-1 overflow-y-auto p-10">
{children} {children}
<footer className="my-5"> <footer className="mt-5">
<ul className="flex flex-row"> <ul className="flex flex-row">
<li> <li>
<Link to="https://discord.lumeweb.com"> <Link to="https://discord.lumeweb.com">
@ -230,7 +230,7 @@ const UploadFileItem = ({
</div> </div>
{file.progress?.uploadStarted && !file.progress.uploadComplete ? ( {file.progress?.uploadStarted && !file.progress.uploadComplete ? (
<Progress value={file.progress.percentage} className="mt-2" /> <Progress max={100} value={file.progress.percentage} className="mt-2" />
) : null} ) : null}
</div> </div>
) )
@ -240,7 +240,7 @@ const NavigationButton = ({ children }: React.PropsWithChildren) => {
return ( return (
<Button <Button
variant="ghost" variant="ghost"
className="justify-start h-14 w-[calc(100%-3rem)] font-semibold" className="justify-start h-14 w-full font-semibold"
> >
{children} {children}
</Button> </Button>