Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ export const ExternalIdField = ({
<div className="flex items-center gap-2 w-full">
<div
className={cn(
"flex items-center rounded size-5 justify-center flex-shrink-0",
"flex items-center rounded-sm size-5 justify-center shrink-0",
"bg-warningA-4",
"text-warning-11",
)}
Expand Down Expand Up @@ -172,7 +172,7 @@ export const ExternalIdField = ({
<div className="flex gap-2 items-center justify-start">
<div
className={cn(
"flex items-center rounded size-5 justify-center",
"flex items-center rounded-sm size-5 justify-center",
"bg-warningA-4",
"text-warning-11",
"transition-colors duration-200",
Expand All @@ -186,7 +186,7 @@ export const ExternalIdField = ({
</div>
</div>
<div className="w-full">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<div className="px-4 w-full text-gray-11 text-[13px] leading-6 my-4 text-left">
You can create a new identity with this{" "}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@ export const KeyCreatedSuccessDialog: FC<KeyCreatedSuccessDialogProps> = ({
return (
<Dialog open={isOpen} onOpenChange={handleDialogOpenChange}>
<DialogContent
className="drop-shadow-2xl transform-gpu border-gray-4 !rounded-2xl p-0 gap-0 min-w-[760px] max-h-[90vh] overflow-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"
className="drop-shadow-2xl transform-gpu border-gray-4 rounded-2xl! p-0 gap-0 min-w-[760px] max-h-[90vh] overflow-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]"
showCloseWarning
onAttemptClose={() => handleCloseAttempt("close")}
>
Expand Down Expand Up @@ -160,13 +160,13 @@ export const KeyCreatedSuccessDialog: FC<KeyCreatedSuccessDialogProps> = ({
</div>
</div>
<div className="p-1 w-full my-4">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<div className="flex flex-col gap-2 items-start w-full">
<div className="text-gray-12 text-sm font-semibold">Key Details</div>
<div className="bg-white dark:bg-black border rounded-xl border-grayA-5 px-6 w-full">
<div className="flex gap-6 items-center">
<div className="bg-grayA-5 text-gray-12 size-5 flex items-center justify-center rounded ">
<div className="bg-grayA-5 text-gray-12 size-5 flex items-center justify-center rounded-sm ">
<Key2 iconSize="sm-regular" />
</div>
<div className="flex flex-col gap-1 py-6">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export const SecretKey = ({
)}
>
<div className="flex items-center justify-between w-full gap-3 pointer-events-auto">
<div className="flex-shrink-0">
<div className="shrink-0">
<CircleLock iconSize="sm-regular" className="text-gray-12" />
</div>
<div className="flex-1 overflow-x-auto min-w-0">
Expand All @@ -39,7 +39,7 @@ export const SecretKey = ({
{displayValue}
</p>
</div>
<div className="flex items-center justify-between gap-2 flex-shrink-0 pointer-events-auto">
<div className="flex items-center justify-between gap-2 shrink-0 pointer-events-auto">
<VisibleButton
isVisible={isVisible}
setIsVisible={(visible) => setIsVisible(visible)}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ export function createIdentityOptions({
side="right"
align="start"
sideOffset={30}
className="drop-shadow-2xl transform-gpu border border-grayA-4 overflow-hidden rounded-[10px] p-0 bg-white dark:bg-black w-[320px] z-[100]"
className="drop-shadow-2xl transform-gpu border border-grayA-4 overflow-hidden rounded-[10px] p-0 bg-white dark:bg-black w-[320px] z-100"
>
<div className="flex flex-col h-full">
{/* Header - Always shown */}
Expand Down Expand Up @@ -88,11 +88,11 @@ export function createIdentityOptions({
</pre>
</div>
{/* Copy Button */}
<div className="p-2 flex-shrink-0">
<div className="p-2 shrink-0">
<Button
variant="outline"
size="icon"
className="bg-white dark:bg-grayA-3 hover:bg-grayA-3 dark:hover:bg-grayA-4 shadow-sm"
className="bg-white dark:bg-grayA-3 hover:bg-grayA-3 dark:hover:bg-grayA-4 shadow-xs"
>
<div className="flex items-center justify-center">
<CopyButton value={JSON.stringify(identity.meta, null, 4)} />
Expand Down Expand Up @@ -137,7 +137,7 @@ export function createIdentityOptions({
e.stopPropagation();
loadMore();
}}
className="text-xs text-accent-12 px-2 py-0.5 hover:bg-grayA-3 rounded w-full bg-transparent hover:bg-transparent focus:ring-0 font-medium"
className="text-xs text-accent-12 px-2 py-0.5 hover:bg-grayA-3 rounded-sm w-full bg-transparent hover:bg-transparent focus:ring-0 font-medium"
>
Load more...
</Button>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -162,7 +162,7 @@ export const LogsFilters = () => {
<BarsFilter className="text-accent-9 size-4" />
<span className="text-accent-12 font-medium text-[13px] max-md:hidden">Filter</span>
{filters.length > 0 && (
<div className="bg-gray-7 rounded h-4 px-1 text-[11px] font-medium text-accent-12 text-center flex items-center justify-center">
<div className="bg-gray-7 rounded-sm h-4 px-1 text-[11px] font-medium text-accent-12 text-center flex items-center justify-center">
{filters.length}
</div>
)}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const LogHeader = ({
log: KeysOverviewLog;
}) => {
return (
<div className="border-b-[1px] flex justify-between items-center border-gray-4 h-[50px] px-4 py-2">
<div className="border-b flex justify-between items-center border-gray-4 h-[50px] px-4 py-2">
<div className="flex gap-2 items-center flex-1 min-w-0">
<Badge
className={cn("uppercase px-[6px] rounded-md font-mono", {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ export const OutcomeDistributionSection = ({
<div className="flex items-center text-left text-gray-11 whitespace-nowrap">
<div
className={cn(
"size-[10px] rounded-[2px] shadow-sm mr-2",
"size-[10px] rounded-[2px] shadow-xs mr-2",
getOutcomeColor(outcome),
)}
/>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ export const LogSection = ({
<div className="border bg-gray-2 border-gray-4 rounded-[10px] relative group">
<div className="text-gray-11 text-xs leading-6 px-[14px] py-1.5 font-sans">{title}</div>
<div className="border-gray-4 border-t rounded-[10px] bg-white dark:bg-black px-3.5 py-2">
<pre className="whitespace-pre-wrap break-words leading-relaxed text-xs">
<pre className="whitespace-pre-wrap wrap-break-word leading-relaxed text-xs">
{typeof details === "object"
? Object.entries(details)
.sort((a, b) => {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ export const PermissionsSection = ({ permissions }: PermissionsSectionProps) =>
.join("\n\n")}
shape="square"
variant="outline"
className="h-6 w-6 rounded-sm bg-gray-2 hover:bg-gray-2"
className="h-6 w-6 rounded-xs bg-gray-2 hover:bg-gray-2"
aria-label="Copy all permissions"
/>
)}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ export const OutcomesPopover = ({ outcomeCounts, isSelected }: OutcomesPopoverPr
<span className="overflow-hidden text-ellipsis whitespace-nowrap">
{formatOutcomeName(outcome)}:
</span>
<span className="tabular-nums flex-shrink-0 ml-1">{formatNumber(count)}</span>
<span className="tabular-nums shrink-0 ml-1">{formatNumber(count)}</span>
</div>
</Badge>
);
Expand All @@ -59,7 +59,7 @@ export const OutcomesPopover = ({ outcomeCounts, isSelected }: OutcomesPopoverPr
<span className="overflow-hidden text-ellipsis whitespace-nowrap pr-1 max-w-[90px]">
+{nonValidOutcomes.length} Outcomes
</span>
<ChevronRight iconSize="sm-regular" className="flex-shrink-0" />
<ChevronRight iconSize="sm-regular" className="shrink-0" />
</div>
</Button>
</PopoverTrigger>
Expand All @@ -86,13 +86,13 @@ export const OutcomesPopover = ({ outcomeCounts, isSelected }: OutcomesPopoverPr
>
<div className="flex items-center gap-2.5 pl-1.5 font-mono">
<div
className={`size-[10px] ${getOutcomeColor(outcome)} rounded-[2px] shadow-sm`}
className={`size-[10px] ${getOutcomeColor(outcome)} rounded-[2px] shadow-xs`}
/>
<span className="text-accent-12 text-xs font-medium">
{formatOutcomeName(outcome)}
</span>
</div>
<span className="text-accent-11 text-xs font-mono px-1.5 py-0.5 rounded tabular-nums">
<span className="text-accent-11 text-xs font-mono px-1.5 py-0.5 rounded-sm tabular-nums">
{count.toLocaleString()}
</span>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ export const KeysOverviewLogsTable = ({ apiId, setSelectedLog, log: selectedLog

return (
<div className="flex items-center w-full">
<div className="flex-shrink-0">
<div className="shrink-0">
<Badge
className={cn(
"px-[6px] rounded-md font-mono whitespace-nowrap flex items-center",
Expand All @@ -128,15 +128,15 @@ export const KeysOverviewLogsTable = ({ apiId, setSelectedLog, log: selectedLog
1,
)}%)`}
>
<span className="mr-[6px] flex-shrink-0">
<span className="mr-[6px] shrink-0">
<Ban iconSize="sm-regular" />
</span>
<span className="overflow-hidden text-ellipsis whitespace-nowrap max-w-[45px]">
{formatNumber(log.error_count)}
</span>
</Badge>
</div>
<div className="ml-2 flex-shrink-0">
<div className="ml-2 shrink-0">
<OutcomesPopover
outcomeCounts={log.outcome_counts}
isSelected={selectedLog?.key_id === log.key_id}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -119,7 +119,7 @@ export const getRowClassName = (log: KeysOverviewLog, selectedLog: KeysOverviewL
style.base,
style.hover,
"group rounded-md",
"focus:outline-none focus:ring-1 focus:ring-opacity-40",
"focus:outline-hidden focus:ring-1 focus:ring-opacity-40",
style.focusRing,
isSelected && style.selected,
selectedLog && {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -75,20 +75,20 @@ const LoadingNavbar = ({ workspace }: LoadingNavbarProps) => (
<Navbar.Breadcrumbs icon={<Nodes />}>
<Navbar.Breadcrumbs.Link href={`/${workspace.slug}/apis`}>APIs</Navbar.Breadcrumbs.Link>
<Navbar.Breadcrumbs.Link href="#" isIdentifier className="group" noop>
<div className="h-6 w-20 bg-grayA-3 rounded animate-pulse transition-all " />
<div className="h-6 w-20 bg-grayA-3 rounded-sm animate-pulse transition-all " />
</Navbar.Breadcrumbs.Link>
<Navbar.Breadcrumbs.Link href="#" noop active>
<div className="hover:bg-gray-3 rounded-lg flex items-center gap-1 p-1">
<div className="h-6 w-16 bg-grayA-3 rounded animate-pulse transition-all " />
<div className="h-6 w-16 bg-grayA-3 rounded-sm animate-pulse transition-all " />
<ChevronExpandY className="size-4" />
</div>
</Navbar.Breadcrumbs.Link>
</Navbar.Breadcrumbs>
<Navbar.Actions>
<div className="h-7 bg-grayA-2 border border-gray-6 rounded-md animate-pulse px-3 flex gap-2 items-center justify-center w-[190px] transition-all ">
<div className="h-3 w-[190px] bg-grayA-3 rounded" />
<div className="h-3 w-[190px] bg-grayA-3 rounded-sm" />
<div>
<TaskUnchecked iconSize="md-regular" className="!size-4" />
<TaskUnchecked iconSize="md-regular" className="size-4!" />
</div>
</div>
</Navbar.Actions>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -74,7 +74,7 @@ export const LogsFilters = () => {
<BarsFilter className="text-accent-9 size-4" />
<span className="text-accent-12 font-medium text-[13px] max-md:hidden">Filter</span>
{filters.length > 0 && (
<div className="bg-gray-7 rounded h-4 px-1 text-[11px] font-medium text-accent-12 text-center flex items-center justify-center">
<div className="bg-gray-7 rounded-sm h-4 px-1 text-[11px] font-medium text-accent-12 text-center flex items-center justify-center">
{filters.length}
</div>
)}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -197,7 +197,7 @@ export const KeyDetailsLogsTable = ({ keyspaceId, keyId, selectedLog, onLogSelec
style.base,
style.hover,
"group rounded-md cursor-pointer transition-colors",
"focus:outline-none focus:ring-1 focus:ring-opacity-40",
"focus:outline-hidden focus:ring-1 focus:ring-opacity-40",
style.focusRing,
isSelected && style.selected,
);
Expand Down Expand Up @@ -335,7 +335,7 @@ export const KeyDetailsLogsTable = ({ keyspaceId, keyId, selectedLog, onLogSelec
<div className="break-all max-w-[300px] truncate">{tag}</div>
{/* biome-ignore lint/a11y/useKeyWithClickEvents: <explanation> */}
<div
className="pointer-events-auto flex-shrink-0"
className="pointer-events-auto shrink-0"
onClick={(e) => e.stopPropagation()}
>
<CopyButton variant="ghost" value={tag} />
Expand Down Expand Up @@ -395,7 +395,7 @@ export const KeyDetailsLogsTable = ({ keyspaceId, keyId, selectedLog, onLogSelec
<div className="break-all max-w-[300px] truncate">{tag}</div>
{/* biome-ignore lint/a11y/useKeyWithClickEvents: <explanation> */}
<div
className="pointer-events-auto flex-shrink-0"
className="pointer-events-auto shrink-0"
onClick={(e) => e.stopPropagation()}
>
<CopyButton variant="ghost" value={tag} />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -119,7 +119,7 @@ export const getRowClassName = (log: KeysOverviewLog, selectedLog: KeysOverviewL
style.base,
style.hover,
"group rounded-md",
"focus:outline-none focus:ring-1 focus:ring-opacity-40",
"focus:outline-hidden focus:ring-1 focus:ring-opacity-40",
style.focusRing,
isSelected && style.selected,
selectedLog && {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -147,7 +147,7 @@ export const LogsFilters = () => {
<BarsFilter className="text-accent-9 size-4" />
<span className="text-accent-12 font-medium text-[13px]">Filter</span>
{filters.length > 0 && (
<div className="bg-gray-7 rounded h-4 px-1 text-[11px] font-medium text-accent-12 text-center flex items-center justify-center">
<div className="bg-gray-7 rounded-sm h-4 px-1 text-[11px] font-medium text-accent-12 text-center flex items-center justify-center">
{filters.length}
</div>
)}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -110,10 +110,10 @@ export const DeleteKey = ({ keyDetails, isOpen, onClose }: DeleteKeyProps) => {
>
<KeyInfo keyDetails={keyDetails} />
<div className="py-1 my-2">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<div className="rounded-xl bg-errorA-2 dark:bg-black border border-errorA-3 flex items-center gap-4 px-[22px] py-6">
<div className="bg-error-9 size-8 rounded-full flex items-center justify-center flex-shrink-0">
<div className="bg-error-9 size-8 rounded-full flex items-center justify-center shrink-0">
<TriangleWarning2 iconSize="sm-regular" className="text-white" />
</div>
<div className="text-error-12 text-[13px] leading-6">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -121,7 +121,7 @@ export const UpdateKeyStatus = ({ keyDetails, isOpen, onClose }: UpdateKeyStatus
>
<KeyInfo keyDetails={keyDetails} />
<div className="py-1 my-2">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<Controller
name="confirmStatusChange"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -124,7 +124,7 @@ export const EditCredits = ({ keyDetails, isOpen, onClose }: EditCreditsProps) =
>
<KeyInfo keyDetails={keyDetails} />
<div className="py-1 my-2">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<div className="[&>*:first-child]:p-0">
<UsageSetup />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@ export const EditExpiration = ({ keyDetails, isOpen, onClose }: EditExpirationPr
>
<KeyInfo keyDetails={keyDetails} />
<div className="py-1 my-2">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<div className="[&>*:first-child]:p-0">
<ExpirationSetup />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@ export const EditExternalId = ({
>
<KeyInfo keyDetails={keyDetails} />
<div className="py-1 my-2">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<ExternalIdField
value={selectedIdentityId}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@ export const EditKeyName = ({ keyDetails, isOpen, onClose }: EditKeyNameProps) =
>
<KeyInfo keyDetails={keyDetails} />
<div className="py-1 my-2">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<div className="space-y-4">
<FormInput
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,7 @@ export const EditMetadata = ({ keyDetails, isOpen, onClose }: EditMetadataProps)
>
<KeyInfo keyDetails={keyDetails} />
<div className="py-1 my-2">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<div className="[&>*:first-child]:p-0">
<MetadataSetup entityType="key" />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,7 @@ export const EditRatelimits = ({ keyDetails, isOpen, onClose }: EditRatelimitsPr
<div className="flex-1 overflow-y-auto min-h-0 scrollbar-hide gap-4 flex flex-col">
<KeyInfo keyDetails={keyDetails} />
<div className="py-1 my-2">
<div className="h-[1px] bg-grayA-3 w-full" />
<div className="h-px bg-grayA-3 w-full" />
</div>
<div className="[&>*:first-child]:p-0">
<RatelimitSetup />
Expand Down
Loading