openstatus.dev / openstatus
Openstatus www.openstatus.dev
fork atom

fix: font commitmono (#1351)

* fix: font commitmono

* chore: remove style

authored by

Maximilian Kaske and committed by
GitHub 3c51d18a da45f857

+42 -32
+1 -1
apps/dashboard/src/components/content/section.tsx
··· 50 50 return ( 51 51 <p 52 52 className={cn( 53 - "font-commit-mono text-muted-foreground text-sm", 53 + "font-commit-mono text-muted-foreground text-sm tracking-tight", 54 54 className, 55 55 )} 56 56 {...props}
+1 -1
apps/dashboard/src/components/data-table/status-pages/columns.tsx
··· 36 36 return ( 37 37 <img 38 38 src={`${value}`} 39 - alt={`Favicon for ${row.getValue("name")}`} 39 + alt={`Favicon for ${row.getValue("title")}`} 40 40 className="h-4 w-4 rounded border bg-muted" 41 41 /> 42 42 );
+4 -1
apps/dashboard/src/components/metric/metric-card.tsx
··· 50 50 }: React.ComponentProps<"p">) { 51 51 return ( 52 52 <p 53 - className={cn("font-commit-mono font-medium text-sm ", className)} 53 + className={cn( 54 + "font-commit-mono font-medium text-sm tracking-tight ", 55 + className, 56 + )} 54 57 {...props} 55 58 > 56 59 {children}
+13 -9
apps/dashboard/src/components/nav/nav-breadcrumb.tsx
··· 53 53 <Fragment key={`${item.type}-${i}`}> 54 54 <BreadcrumbItem> 55 55 {item.type === "link" ? ( 56 - <BreadcrumbLink className="hidden md:block" asChild> 57 - <> 56 + <BreadcrumbLink 57 + className="hidden flex-nowrap items-center gap-1.5 md:flex" 58 + asChild 59 + > 60 + <Link 61 + href={item.href} 62 + className="font-commit-mono tracking-tight" 63 + > 58 64 {item.icon && <item.icon size={16} aria-hidden="true" />} 59 - <Link href={item.href} className="font-commit-mono"> 60 - {item.label} 61 - </Link> 62 - </> 65 + {item.label} 66 + </Link> 63 67 </BreadcrumbLink> 64 68 ) : null} 65 69 {item.type === "page" ? ( 66 - <BreadcrumbPage className=" hidden max-w-[120px] truncate font-commit-mono md:block lg:max-w-[200px] "> 70 + <BreadcrumbPage className=" hidden max-w-[120px] truncate font-commit-mono tracking-tight md:block lg:max-w-[200px] "> 67 71 <span className="flex items-center gap-1.5"> 68 72 {item.icon && <item.icon size={16} aria-hidden="true" />} 69 73 ··· 80 84 > 81 85 <SelectTrigger 82 86 id="select-option" 83 - className="font-commit-mono text-foreground [&>span]:flex [&>span]:items-center [&>span]:gap-2 [&>span_svg]:shrink-0 [&>span_svg]:text-muted-foreground/80" 87 + className="font-commit-mono text-foreground tracking-tight [&>span]:flex [&>span]:items-center [&>span]:gap-2 [&>span_svg]:shrink-0 [&>span_svg]:text-muted-foreground/80" 84 88 aria-label="Select option" 85 89 > 86 90 <SelectValue placeholder="Select option" /> ··· 90 94 <SelectItem 91 95 key={i} 92 96 value={item.value} 93 - className="font-commit-mono" 97 + className="font-commit-mono tracking-tight" 94 98 > 95 99 <item.icon size={16} aria-hidden="true" /> 96 100 {item.label}
+4 -1
apps/dashboard/src/components/nav/nav-help.tsx
··· 36 36 <SidebarMenuItem> 37 37 <DropdownMenu> 38 38 <DropdownMenuTrigger asChild> 39 - <SidebarMenuButton tooltip="Get Help"> 39 + <SidebarMenuButton 40 + className="font-commit-mono tracking-tight" 41 + tooltip="Get Help" 42 + > 40 43 <HelpCircle /> 41 44 <span>Get Help</span> 42 45 </SidebarMenuButton>
+1 -1
apps/dashboard/src/components/nav/nav-monitors.tsx
··· 162 162 <Link 163 163 href={`/monitors/${item.id}/overview`} 164 164 onClick={() => setOpenMobile(false)} 165 - className="font-commit-mono" 165 + className="font-commit-mono tracking-tight" 166 166 > 167 167 <span>{item.name}</span> 168 168 </Link>
+1 -1
apps/dashboard/src/components/nav/nav-overview.tsx
··· 39 39 <Link 40 40 href={item.url} 41 41 onClick={() => setOpenMobile(false)} 42 - className="font-commit-mono" 42 + className="font-commit-mono tracking-tight" 43 43 > 44 44 <item.icon /> 45 45 <span>{item.name}</span>
+1 -1
apps/dashboard/src/components/nav/nav-status-pages.tsx
··· 134 134 <Link 135 135 href={`/status-pages/${item.id}/status-reports`} 136 136 onClick={() => setOpenMobile(false)} 137 - className="font-commit-mono" 137 + className="font-commit-mono tracking-tight" 138 138 > 139 139 <span>{item.title}</span> 140 140 </Link>
+6 -6
apps/dashboard/src/components/nav/nav-user.tsx
··· 70 70 </Avatar> 71 71 <div className="grid flex-1 text-left text-sm leading-tight"> 72 72 <span className="truncate font-medium">{userName}</span> 73 - <span className="truncate font-commit-mono text-xs"> 73 + <span className="truncate font-commit-mono text-xs tracking-tight"> 74 74 {user?.email} 75 75 </span> 76 76 </div> ··· 96 96 </Avatar> 97 97 <div className="grid flex-1 text-left text-sm leading-tight"> 98 98 <span className="truncate font-medium">{userName}</span> 99 - <span className="truncate font-commit-mono text-xs"> 99 + <span className="truncate font-commit-mono text-xs tracking-tight"> 100 100 {user?.email} 101 101 </span> 102 102 </div> ··· 109 109 <Link 110 110 href="/settings/billing" 111 111 onClick={() => setOpenMobile(false)} 112 - className="font-commit-mono" 112 + className="font-commit-mono tracking-tight" 113 113 > 114 114 <Sparkles /> 115 115 Upgrade Workspace ··· 118 118 <DropdownMenuSeparator /> 119 119 </> 120 120 ) : null} 121 - <DropdownMenuGroup className="font-commit-mono"> 121 + <DropdownMenuGroup className="font-commit-mono tracking-tight"> 122 122 <DropdownMenuItem asChild> 123 123 <Link 124 124 href="/settings/account" ··· 140 140 Theme 141 141 </DropdownMenuSubTrigger> 142 142 <DropdownMenuPortal> 143 - <DropdownMenuSubContent className="font-commit-mono"> 143 + <DropdownMenuSubContent className="font-commit-mono tracking-tight"> 144 144 <DropdownMenuItem onClick={() => setTheme("light")}> 145 145 <Sun /> Light 146 146 </DropdownMenuItem> ··· 166 166 <DropdownMenuSeparator /> 167 167 <DropdownMenuItem 168 168 onClick={() => signOut()} 169 - className="font-commit-mono" 169 + className="font-commit-mono tracking-tight" 170 170 > 171 171 <LogOut /> 172 172 Log out
+5 -5
apps/dashboard/src/components/nav/workspace-switcher.tsx
··· 56 56 {workspace.name || "Untitled Workspace"} 57 57 </div> 58 58 <div className="truncate text-xs"> 59 - <span className="font-commit-mono">{workspace.slug}</span>{" "} 59 + <span className="font-commit-mono tracking-tight"> 60 + {workspace.slug} 61 + </span>{" "} 60 62 <span className="text-muted-foreground"> 61 63 {workspace.plan === "team" ? "pro" : workspace.plan} 62 64 </span> ··· 94 96 <DropdownMenuSeparator /> 95 97 <DropdownMenuItem className="gap-2 p-2" asChild> 96 98 <Link href="/settings/general"> 97 - <div className="flex size-6 items-center justify-center rounded-md border bg-transparent"> 98 - <Plus className="size-4" /> 99 - </div> 100 - <div className="font-medium text-muted-foreground"> 99 + <Plus /> 100 + <div className="font-commit-mono text-muted-foreground tracking-tight"> 101 101 Add team member 102 102 </div> 103 103 </Link>
+2 -2
apps/status-page/src/components/chart/chart-tooltip-number.tsx
··· 32 32 ? labelFormatter(value, name) 33 33 : chartConfig[name as keyof typeof chartConfig]?.label || name} 34 34 </span> 35 - <div className="text-foreground ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums"> 35 + <div className="ml-auto flex items-baseline gap-0.5 font-medium font-mono text-foreground tabular-nums"> 36 36 {value} 37 - <span className="text-muted-foreground font-normal">ms</span> 37 + <span className="font-normal text-muted-foreground">ms</span> 38 38 </div> 39 39 </> 40 40 );
+3 -3
apps/status-page/src/components/content/metric-card.tsx
··· 47 47 ...props 48 48 }: React.ComponentProps<"p">) { 49 49 return ( 50 - <p className={cn("text-sm font-medium", className)} {...props}> 50 + <p className={cn("font-medium text-sm", className)} {...props}> 51 51 {children} 52 52 </p> 53 53 ); ··· 80 80 ...props 81 81 }: React.ComponentProps<"p">) { 82 82 return ( 83 - <p className={cn("text-foreground font-semibold", className)} {...props}> 83 + <p className={cn("font-semibold text-foreground", className)} {...props}> 84 84 {children} 85 85 </p> 86 86 ); ··· 94 94 return ( 95 95 <div 96 96 className={cn( 97 - "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4", 97 + "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5", 98 98 className, 99 99 )} 100 100 {...props}