phoenix/litellm
1
0
Fork 0
forked from phoenix/litellm-mirror
Code Pull requests Activity

(fix) ui alignment

Browse source
This commit is contained in:
Ishaan Jaff 2024-03-28 18:50:32 -07:00
parent d071d90522
commit 440d0a0a4b
7 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ui/litellm-dashboard/src/components/admins.tsx
View file

@ -137,7 +137,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
}; };
console.log(`admins: ${admins?.length}`); console.log(`admins: ${admins?.length}`);
return ( return (
<div className="w-full m-2"> <div className="w-full m-2 mt-8">
<Title level={4}>Restricted Access</Title> <Title level={4}>Restricted Access</Title>
<Paragraph> <Paragraph>
Add other people to just view spend. They cannot create keys, teams or Add other people to just view spend. They cannot create keys, teams or
@ -146,7 +146,7 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
Requires SSO Setup Requires SSO Setup
</a> </a>
</Paragraph> </Paragraph>
<Grid numItems={1} className="gap-2 p-0 w-full"> <Grid numItems={1} className="gap-2 p-2 w-full">
<Col numColSpan={1}> <Col numColSpan={1}>
<Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]"> <Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]">
<Table> <Table>

2
ui/litellm-dashboard/src/components/chat_ui.tsx
View file

@ -158,7 +158,7 @@ const ChatUI: React.FC<ChatUIProps> = ({
return ( return (
<div style={{ width: "100%", position: "relative" }}> <div style={{ width: "100%", position: "relative" }}>
<Grid className="gap-2 p-10 h-[75vh] w-full"> <Grid className="gap-2 p-2 h-[75vh] w-full mt-8">
<Card> <Card>
<TabGroup> <TabGroup>
<TabList className="mt-4"> <TabList className="mt-4">

2
ui/litellm-dashboard/src/components/model_dashboard.tsx
View file

@ -141,7 +141,7 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
return ( return (
<div style={{ width: "100%" }}> <div style={{ width: "100%" }}>
<Grid className="gap-2 p-10 h-[75vh] w-full"> <Grid className="gap-2 p-2 h-[75vh] w-full mt-8">
<Card> <Card>
<Table className="mt-5"> <Table className="mt-5">
<TableHead> <TableHead>

2
ui/litellm-dashboard/src/components/teams.tsx
View file

@ -159,7 +159,7 @@ const Team: React.FC<TeamProps> = ({
console.log(`received teams ${teams}`); console.log(`received teams ${teams}`);
return ( return (
<div className="w-full mx-4"> <div className="w-full mx-4">
<Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full"> <Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full mt-8">
<Col numColSpan={1}> <Col numColSpan={1}>
<Title level={4}>All Teams</Title> <Title level={4}>All Teams</Title>
<Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]"> <Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]">

4
ui/litellm-dashboard/src/components/usage.tsx
View file

@ -254,13 +254,13 @@ const UsagePage: React.FC<UsagePageProps> = ({
return ( return (
<div style={{ width: "100%" }}> <div style={{ width: "100%" }}>
<TabGroup> <TabGroup>
<TabList className="mt-4"> <TabList className="mt-10">
<Tab>All Up</Tab> <Tab>All Up</Tab>
<Tab>Team Based Usage</Tab> <Tab>Team Based Usage</Tab>
</TabList> </TabList>
<TabPanels> <TabPanels>
<TabPanel> <TabPanel>
<Grid numItems={2} className="gap-2 p-10 h-[75vh] w-full"> <Grid numItems={2} className="gap-2 p-2 h-[75vh] w-full">
<Col numColSpan={2}> <Col numColSpan={2}>
<Card> <Card>
<Title>Monthly Spend</Title> <Title>Monthly Spend</Title>

4
ui/litellm-dashboard/src/components/user_dashboard.tsx
View file

@ -206,8 +206,8 @@ const UserDashboard: React.FC<UserDashboardProps> = ({
console.log("inside user dashboard, selected team", selectedTeam); console.log("inside user dashboard, selected team", selectedTeam);
return ( return (
<div> <div className="w-full mx-4">
<Grid numItems={1} className="gap-0 p-10 h-[75vh] w-full"> <Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full mt-8">
<Col numColSpan={1}> <Col numColSpan={1}>
<ViewUserSpend <ViewUserSpend
userID={userID} userID={userID}

2
ui/litellm-dashboard/src/components/view_users.tsx
View file

@ -142,7 +142,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
return ( return (
<div style={{ width: "100%" }}> <div style={{ width: "100%" }}>
<Grid className="gap-2 p-10 h-[75vh] w-full"> <Grid className="gap-2 p-2 h-[75vh] w-full mt-8">
<CreateUser userID={userID} accessToken={accessToken} /> <CreateUser userID={userID} accessToken={accessToken} />
<Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4"> <Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4">
<TabGroup> <TabGroup>