Make empty-column-indicator fullwidth on Gallery pages

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
1 year ago · 78ce8a4894
parent fc6eba91ac
commit 78ce8a4894
2 changed files with 2 additions and 2 deletions
--- a/app/soapbox/features/account-gallery/index.tsx
+++ b/app/soapbox/features/account-gallery/index.tsx
@ -148,7 +148,7 @@ const AccountGallery = () => {
        ))}

        {!isLoading && attachments.size === 0 && (
-          <div className='empty-column-indicator'>
+          <div className='empty-column-indicator col-span-2 sm:col-span-3'>
            <FormattedMessage id='account_gallery.none' defaultMessage='No media to show.' />
          </div>
        )}
--- a/app/soapbox/features/group/group-gallery.tsx
+++ b/app/soapbox/features/group/group-gallery.tsx
@ -77,7 +77,7 @@ const GroupGallery: React.FC<IGroupGallery> = (props) => {
        ))}

        {(!isLoading && attachments.length === 0) && (
-          <div className='empty-column-indicator'>
+          <div className='empty-column-indicator col-span-2 sm:col-span-3'>
            <FormattedMessage id='account_gallery.none' defaultMessage='No media to show.' />
          </div>
        )}