diff --git a/webapp/packages/core/assets/styles/_tabs.scss b/webapp/packages/core/assets/styles/_tabs.scss index 7c211c017e..60fb42adc7 100644 --- a/webapp/packages/core/assets/styles/_tabs.scss +++ b/webapp/packages/core/assets/styles/_tabs.scss @@ -71,6 +71,7 @@ padding-left: 12px; StaticImage, + IconOrImage, img { width: 22px; } diff --git a/webapp/packages/core/src/blocks/IconOrImage.tsx b/webapp/packages/core/src/blocks/IconOrImage.tsx index d54738cce6..b4def4e121 100644 --- a/webapp/packages/core/src/blocks/IconOrImage.tsx +++ b/webapp/packages/core/src/blocks/IconOrImage.tsx @@ -20,7 +20,7 @@ export type IconOrImageProps = { export const IconOrImage = function IconOrImage({ icon, className, viewBox }: IconOrImageProps) { const isStaticIcon = useMemo( - () => icon && icon.startsWith('platform:'), + () => icon && (icon.startsWith('platform:') || icon.startsWith('/')), [icon] ); diff --git a/webapp/packages/core/src/blocks/Tabs/Tab/TabIcon.tsx b/webapp/packages/core/src/blocks/Tabs/Tab/TabIcon.tsx index de17df18a7..53c1d48310 100644 --- a/webapp/packages/core/src/blocks/Tabs/Tab/TabIcon.tsx +++ b/webapp/packages/core/src/blocks/Tabs/Tab/TabIcon.tsx @@ -10,7 +10,7 @@ import styled from 'reshadow'; import { useStyles } from '@dbeaver/core/theming'; -import { StaticImage } from '../../StaticImage'; +import { IconOrImage } from '../../IconOrImage'; type TabIconProps = { icon?: string; @@ -20,7 +20,7 @@ type TabIconProps = { export function TabIcon({ icon, className }: TabIconProps) { return styled(useStyles())( - {icon ? : } + {icon ? : } ); }