fix(EntityStatus): set minimum container width (#1494)

ydb-platform · Oct 18, 2024 · d6c6a4c · d6c6a4c
1 parent a36d40c
commit d6c6a4c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/components/EntityStatus/EntityStatus.scss b/src/components/EntityStatus/EntityStatus.scss
@@ -6,6 +6,7 @@
     display: inline-flex;
     align-items: center;
 
+    min-width: 90px;
     max-width: 100%;
     height: 100%;
 

diff --git a/src/components/MonitoringButton/MonitoringButton.tsx b/src/components/MonitoringButton/MonitoringButton.tsx
@@ -1,3 +1,4 @@
+import type {ButtonSize} from '@gravity-ui/uikit';
 import {Button, Icon} from '@gravity-ui/uikit';
 
 import {cn} from '../../utils/cn';
@@ -12,15 +13,21 @@ interface MonitoringButtonProps {
     className?: string;
     visible?: boolean;
     href: string;
+    size?: ButtonSize;
 }
 
-export function MonitoringButton({href, visible = false, className}: MonitoringButtonProps) {
+export function MonitoringButton({
+    href,
+    visible = false,
+    className,
+    size = 's',
+}: MonitoringButtonProps) {
     return (
         <Button
             href={href}
             target="_blank"
             className={b({visible}, className)}
-            size="s"
+            size={size}
             title="Monitoring dashboard"
         >
             <Icon data={monitoringIcon} />

diff --git a/src/containers/AppWithClusters/ExtendedTenant/ExtendedTenant.tsx b/src/containers/AppWithClusters/ExtendedTenant/ExtendedTenant.tsx
@@ -25,7 +25,7 @@ export function ExtendedTenant({
                     dbName,
                     dbType,
                 });
-                return href ? <MonitoringButton href={href} visible={true} /> : null;
+                return href ? <MonitoringButton href={href} visible={true} size="xs" /> : null;
             }
 
             return null;