adai/MemoryBear
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): use bg replace img

Browse Source
This commit is contained in:
zhaoying
2026-04-01 12:03:56 +08:00
parent c9ca5df05c
commit d3cd66fc6e
30 changed files with 104 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/ButtonCheckbox/index.tsx
View File

@@ -74,9 +74,9 @@ const ButtonCheckbox: FC<ButtonCheckboxProps> = ({
onClick={handleChange}
>
{/* Display unchecked icon when not checked */}
{icon && !checked && <img src={icon} className="rb:size-4" />}
{icon && !checked && <img src={icon} alt={icon} className="rb:size-4" />}
{/* Display checked icon when checked */}
{checkedIcon && checked && <img src={checkedIcon} className="rb:w-4 rb:h-4 rb:mr-1" />}
{checkedIcon && checked && <img src={checkedIcon} alt={checkedIcon} className="rb:w-4 rb:h-4 rb:mr-1" />}
{children}
</Flex>
);

4
web/src/components/ModelSelect/index.tsx
View File

@@ -54,7 +54,7 @@ const ModelSelect: FC<ModelSelectProps> = ({
const logo = getListLogoUrl(item.provider, item.logo as string);
return (
<Flex align="center" gap={8}>
{logo && <img src={logo} className="rb:size-5 rb:rounded-md" alt="" />}
{logo && <img src={logo} className="rb:size-5 rb:rounded-md" alt={logo} />}
<div className={`rb:flex-1 rb:text-ellipsis rb:overflow-hidden rb:whitespace-nowrap ${fontClassName}`}>{item.name}</div>
</Flex>
);
@@ -75,7 +75,7 @@ const ModelSelect: FC<ModelSelectProps> = ({
return (
<Flex align="center" gap={8}>
<Flex align="center" gap={8}>
{logo && <img src={logo} className="rb:size-5 rb:rounded-md" alt="" />}
{logo && <img src={logo} className="rb:size-5 rb:rounded-md" alt={logo} />}
<span className="rb:wrap-break-word rb:line-clamp-1">{data.name as string}</span>
</Flex>
{data.capability?.length > 0 && (

2
web/src/components/RadioGroupCard/index.tsx
View File

@@ -106,7 +106,7 @@ const RadioGroupCard: FC<RadioCardProps> = ({
{/* Use custom render or default card layout */}
{itemRender ? itemRender(option) : (
<>
{option.icon && <img src={option.icon} className={clsx("rb:size-10", {
{option.icon && <img src={option.icon} alt={option.icon} className={clsx("rb:size-10", {
'rb:m-[0_auto] rb:mb-3': !block,
})} />}
<div>

2
web/src/components/RbModal/index.tsx
View File

@@ -44,7 +44,7 @@ const RbModal: FC<ModalProps> = ({
{...props}
>
{/* Scrollable content container */}
<div className='rb:max-h-137.5 rb:overflow-y-auto rb:overflow-x-hidden'>
<div className='rb:max-h-[calc(100vh-202px)] rb:overflow-y-auto rb:overflow-x-hidden'>
{children}
</div>
</Modal>

2
web/src/components/Table/index.tsx
View File

@@ -91,7 +91,7 @@ const RbTable = forwardRef(<T = Record<string, unknown>, Q = Record<string, unkn
initialData,
emptySize = 160,
emptyText,
isScroll = false,
isScroll = true,
scrollX,
scrollY,
currentPageKey = 'page',