diff --git a/app/components/CopyCode.tsx b/app/components/CopyCode.tsx index 9441388ec4..3f0da93486 100644 --- a/app/components/CopyCode.tsx +++ b/app/components/CopyCode.tsx @@ -46,7 +46,7 @@ export function CopyCodeModal({ return ( -
+        
           {children}
         
diff --git a/app/components/DocsPopover.tsx b/app/components/DocsPopover.tsx index 0e8fa08f6b..17fb385b4b 100644 --- a/app/components/DocsPopover.tsx +++ b/app/components/DocsPopover.tsx @@ -27,7 +27,7 @@ export const DocsPopoverLink = ({ href, linkText }: DocsPopoverLinkProps) => ( rel="noreferrer" >
-
+
{linkText}
@@ -47,7 +47,7 @@ export const DocsPopover = ({ heading, icon, summary, links }: DocsPopoverProps) const title = `Learn about ${heading}` return ( - +
diff --git a/app/components/InstanceAutoRestartPopover.tsx b/app/components/InstanceAutoRestartPopover.tsx index da21db16b9..d94c6c396d 100644 --- a/app/components/InstanceAutoRestartPopover.tsx +++ b/app/components/InstanceAutoRestartPopover.tsx @@ -43,7 +43,7 @@ export const InstanceAutoRestartPopover = ({ instance }: { instance: Instance }) return ( @@ -60,7 +60,7 @@ export const InstanceAutoRestartPopover = ({ instance }: { instance: Instance }) {match(policy) .with('never', () => ( diff --git a/app/components/MoreActionsMenu.tsx b/app/components/MoreActionsMenu.tsx index 5bf0c09992..112be767a6 100644 --- a/app/components/MoreActionsMenu.tsx +++ b/app/components/MoreActionsMenu.tsx @@ -40,7 +40,7 @@ export const MoreActionsMenu = ({ variant === 'small' && 'h-6 w-6', variant === 'default' && 'h-8 w-8', (variant === 'default' || variant === 'small') && - 'border-default rounded border', + 'border-default rounded-md border', variant === 'filled' && 'h-full w-full px-3' )} > diff --git a/app/components/PageSkeleton.tsx b/app/components/PageSkeleton.tsx index 3a4d2cf914..722500b424 100644 --- a/app/components/PageSkeleton.tsx +++ b/app/components/PageSkeleton.tsx @@ -13,7 +13,7 @@ import { classed } from '~/util/classed' import { MswBanner } from './MswBanner' -const Block = classed.div`motion-safe:animate-pulse2 rounded bg-tertiary` +const Block = classed.div`motion-safe:animate-pulse2 rounded-md bg-tertiary` export function PageSkeleton({ skipPaths }: { skipPaths?: RegExp[] }) { const { pathname } = useLocation() diff --git a/app/components/Sidebar.tsx b/app/components/Sidebar.tsx index b04af7223f..79be17f021 100644 --- a/app/components/Sidebar.tsx +++ b/app/components/Sidebar.tsx @@ -17,7 +17,7 @@ import { Truncate } from '~/ui/lib/Truncate' const linkStyles = (isActive = false) => cn( - 'flex h-7 items-center rounded px-2 text-sans-md [&>svg]:mr-2', + 'flex h-7 items-center rounded-md px-2 text-sans-md [&>svg]:mr-2', isActive ? 'text-accent bg-accent-secondary hover:bg-accent-secondary-hover [&>svg]:text-accent-tertiary' : 'hover:bg-hover [&>svg]:text-quaternary text-default' diff --git a/app/components/Terminal.tsx b/app/components/Terminal.tsx index c4bbed1e22..e37fea0869 100644 --- a/app/components/Terminal.tsx +++ b/app/components/Terminal.tsx @@ -15,7 +15,7 @@ import { classed } from '~/util/classed' import { AttachAddon } from './AttachAddon' -const ScrollButton = classed.button`ml-4 flex h-8 w-8 items-center justify-center rounded border border-secondary hover:bg-hover` +const ScrollButton = classed.button`ml-4 flex h-8 w-8 items-center justify-center rounded-md border border-secondary hover:bg-hover` function getOptions(): ITerminalOptions { const style = getComputedStyle(document.body) diff --git a/app/components/TimeSeriesChart.tsx b/app/components/TimeSeriesChart.tsx index 0253c8c927..9f4c9d3378 100644 --- a/app/components/TimeSeriesChart.tsx +++ b/app/components/TimeSeriesChart.tsx @@ -92,7 +92,7 @@ function renderTooltip(props: TooltipProps, unit?: string) { } = payload[0] if (!timestamp || typeof value !== 'number') return null return ( -
+
{longDateTime(timestamp)}
diff --git a/app/components/TopBar.tsx b/app/components/TopBar.tsx index b016c4784a..675349eefa 100644 --- a/app/components/TopBar.tsx +++ b/app/components/TopBar.tsx @@ -132,7 +132,7 @@ function UserMenu() { const { me } = useCurrentUser() return ( - +
-
+
{level === 'system' ? : }
diff --git a/app/pages/DeviceAuthVerifyPage.tsx b/app/pages/DeviceAuthVerifyPage.tsx index 9ce3d377a2..601a094ab1 100644 --- a/app/pages/DeviceAuthVerifyPage.tsx +++ b/app/pages/DeviceAuthVerifyPage.tsx @@ -51,7 +51,7 @@ export default function DeviceAuthVerifyPage() { setUserCode(code)} containerClassName="flex space-x-2 mb-6" - inputClassName="rounded border border-default bg-default w-full aspect-square flex items-center justify-center text-center text-default text-mono-md" + inputClassName="rounded-md border border-default bg-default w-full aspect-square flex items-center justify-center text-center text-default text-mono-md" length={8} dashAfterIdxs={DASH_AFTER_IDXS} /> diff --git a/app/pages/LoginPage.tsx b/app/pages/LoginPage.tsx index 09a5f75f49..fecc42df9c 100644 --- a/app/pages/LoginPage.tsx +++ b/app/pages/LoginPage.tsx @@ -44,7 +44,7 @@ export default function LoginPage() { <>
{silo}
diff --git a/app/pages/LoginPageSaml.tsx b/app/pages/LoginPageSaml.tsx index 91e668a5ba..897dd86e7f 100644 --- a/app/pages/LoginPageSaml.tsx +++ b/app/pages/LoginPageSaml.tsx @@ -24,7 +24,7 @@ export default function LoginPageSaml() { <>
{silo}
diff --git a/app/pages/project/instances/SerialConsolePage.tsx b/app/pages/project/instances/SerialConsolePage.tsx index 80014927b8..2a0eba1cc8 100644 --- a/app/pages/project/instances/SerialConsolePage.tsx +++ b/app/pages/project/instances/SerialConsolePage.tsx @@ -139,7 +139,7 @@ export default function SerialConsolePage() {
diff --git a/app/pages/system/UpdatePage.tsx b/app/pages/system/UpdatePage.tsx index bf57978b96..e9f3de05d5 100644 --- a/app/pages/system/UpdatePage.tsx +++ b/app/pages/system/UpdatePage.tsx @@ -214,7 +214,7 @@ export default function UpdatePage() { return (
  • diff --git a/app/pages/system/silos/SiloScimTab.tsx b/app/pages/system/silos/SiloScimTab.tsx index a4b96a1c97..b776ff158c 100644 --- a/app/pages/system/silos/SiloScimTab.tsx +++ b/app/pages/system/silos/SiloScimTab.tsx @@ -245,7 +245,7 @@ function TokenCreatedModal({
    Bearer Token
    -
    +
    {token.bearerToken}
    diff --git a/app/table/cells/EmptyCell.tsx b/app/table/cells/EmptyCell.tsx index f0740e85f3..372c960b4f 100644 --- a/app/table/cells/EmptyCell.tsx +++ b/app/table/cells/EmptyCell.tsx @@ -10,4 +10,4 @@ import { classed } from '~/util/classed' export const EmptyCell = () => -export const SkeletonCell = classed.div`h-4 w-12 rounded bg-tertiary motion-safe:animate-pulse` +export const SkeletonCell = classed.div`h-4 w-12 rounded-md bg-tertiary motion-safe:animate-pulse` diff --git a/app/table/columns/action-col.tsx b/app/table/columns/action-col.tsx index 58f326d38f..24857d00df 100644 --- a/app/table/columns/action-col.tsx +++ b/app/table/columns/action-col.tsx @@ -85,7 +85,7 @@ export const RowActions = ({ id, copyIdLabel = 'Copy ID', actions }: RowActionsP {/* stopPropagation prevents clicks from toggling row select in a single select table */} e.stopPropagation()} > diff --git a/app/ui/lib/ActionMenu.tsx b/app/ui/lib/ActionMenu.tsx index 51caaca966..805ea0d954 100644 --- a/app/ui/lib/ActionMenu.tsx +++ b/app/ui/lib/ActionMenu.tsx @@ -231,7 +231,7 @@ export const ActionMenuHotkey = ({ keys, action }: ActionMenuHotkeyProps) => ( {keys.map((hotkey) => ( {hotkey} diff --git a/app/ui/lib/BulkActionMenu.tsx b/app/ui/lib/BulkActionMenu.tsx index 05ed7eb7fa..b5412f351c 100644 --- a/app/ui/lib/BulkActionMenu.tsx +++ b/app/ui/lib/BulkActionMenu.tsx @@ -18,7 +18,7 @@ export interface BulkActionMenuProps { export function BulkActionMenu({ children, selectedCount }: BulkActionMenuProps) { const actionButtons = flattenChildren(children) return ( -
    +
    {actionButtons}
    {selectedCount} selected @@ -31,7 +31,7 @@ BulkActionMenu.Button = (props: Omit) => (