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}`);
return (
<div className="w-full m-2">
<div className="w-full m-2 mt-8">
<Title level={4}>Restricted Access</Title>
<Paragraph>
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
</a>
</Paragraph>
<Grid numItems={1} className="gap-2 p-0 w-full">
<Grid numItems={1} className="gap-2 p-2 w-full">
<Col numColSpan={1}>
<Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh]">
<Table>

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

@ -158,7 +158,7 @@ const ChatUI: React.FC<ChatUIProps> = ({
return (
<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>
<TabGroup>
<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 (
<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>
<Table className="mt-5">
<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}`);
return (
<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}>
<Title level={4}>All Teams</Title>
<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 (
<div style={{ width: "100%" }}>
<TabGroup>
<TabList className="mt-4">
<TabList className="mt-10">
<Tab>All Up</Tab>
<Tab>Team Based Usage</Tab>
</TabList>
<TabPanels>
<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}>
<Card>
<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);
return (
<div>
<Grid numItems={1} className="gap-0 p-10 h-[75vh] w-full">
<div className="w-full mx-4">
<Grid numItems={1} className="gap-2 p-2 h-[75vh] w-full mt-8">
<Col numColSpan={1}>
<ViewUserSpend
userID={userID}

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

@ -142,7 +142,7 @@ const ViewUserDashboard: React.FC<ViewUserDashboardProps> = ({
return (
<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} />
<Card className="w-full mx-auto flex-auto overflow-y-auto max-h-[50vh] mb-4">
<TabGroup>