[WEB-5699] refactor: update styling and classnames of charts according to new design system (#8345)

* refactor: update styling and class names according to new design system in charts

* refactor: clean up
This commit is contained in:
Jayash Tripathy 2025-12-16 16:30:29 +05:30 committed by GitHub
parent e7974afd8b
commit be1113b170
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 46 additions and 21 deletions

View file

@ -67,7 +67,7 @@ function AnalyticsPage({ params }: Route.ComponentProps) {
{workspaceProjectIds && (
<>
{workspaceProjectIds.length > 0 || loader === "init-loader" ? (
<div className="flex h-full overflow-hidden bg-surface-1 ">
<div className="flex h-full overflow-hidden ">
<Tabs value={selectedTab} onValueChange={handleTabChange} className="w-full h-full">
<div className={"flex flex-col w-full h-full"}>
<div
@ -75,7 +75,7 @@ function AnalyticsPage({ params }: Route.ComponentProps) {
"px-6 py-2 border-b border-subtle flex items-center gap-4 overflow-hidden w-full justify-between"
)}
>
<Tabs.List className={"my-2 overflow-x-auto flex w-fit"}>
<Tabs.List background="layer-2" className={"my-2 overflow-x-auto flex w-fit"}>
{ANALYTICS_TABS.map((tab) => (
<Tabs.Trigger
key={tab.key}
@ -83,6 +83,11 @@ function AnalyticsPage({ params }: Route.ComponentProps) {
disabled={tab.isDisabled}
size="md"
className="px-3"
onClick={() => {
if (!tab.isDisabled) {
handleTabChange(tab.key);
}
}}
>
{tab.label}
</Tabs.Trigger>