diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx index d9e9216621..0be30505d5 100644 --- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx +++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx @@ -2,7 +2,7 @@ import { Box, Flex, Grid } from '@invoke-ai/ui-library'; import { EMPTY_ARRAY } from 'app/store/constants'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { IAINoContentFallback } from 'common/components/IAIImageFallback'; -import { GalleryBulkSelect } from 'features/gallery/components/ImageGrid/GalleryBulkSelect'; +import { GallerySelectionCountTag } from 'features/gallery/components/ImageGrid/GallerySelectionCountTag'; import { useGalleryHotkeys } from 'features/gallery/hooks/useGalleryHotkeys'; import { selectListImagesQueryArgs } from 'features/gallery/store/gallerySelectors'; import { limitChanged } from 'features/gallery/store/gallerySlice'; @@ -145,7 +145,7 @@ const Content = () => { ))} - + ); }; diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryBulkSelect.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySelectionCountTag.tsx similarity index 94% rename from invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryBulkSelect.tsx rename to invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySelectionCountTag.tsx index b0c1eaa52c..e82a575991 100644 --- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryBulkSelect.tsx +++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySelectionCountTag.tsx @@ -6,7 +6,7 @@ import { useCallback } from 'react'; import { useHotkeys } from 'react-hotkeys-hook'; import { useTranslation } from 'react-i18next'; -export const GalleryBulkSelect = () => { +export const GallerySelectionCountTag = () => { const dispatch = useAppDispatch(); const { selection } = useAppSelector((s) => s.gallery); const { t } = useTranslation(); @@ -31,8 +31,8 @@ export const GalleryBulkSelect = () => { position="absolute" bg="invokeBlue.800" color="base.50" - py={1} - px={3} + py={2} + px={4} userSelect="none" shadow="dark-lg" fontWeight="semibold"