bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve media panel styles

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2022-12-18 13:34:03 +01:00
parent 96d39a9d1a
commit 18b297ad63
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/soapbox/features/ui/components/group-media-panel.tsx
View file

@ -51,7 +51,7 @@ const GroupMediaPanel: React.FC<IGroupMediaPanel> = ({ group }) => {
if (!nineAttachments.isEmpty()) { if (!nineAttachments.isEmpty()) {
return ( return (
<div className='flex flex-wrap'> <div className='flex flex-wrap -m-1'>
{nineAttachments.map((attachment, _index) => ( {nineAttachments.map((attachment, _index) => (
<MediaItem <MediaItem
key={`${attachment.getIn(['status', 'id'])}+${attachment.id}`} key={`${attachment.getIn(['status', 'id'])}+${attachment.id}`}
@ -74,7 +74,7 @@ const GroupMediaPanel: React.FC<IGroupMediaPanel> = ({ group }) => {
return ( return (
<Widget title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}> <Widget title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}>
{group && ( {group && (
<div className='w-full py-2'> <div className='w-full'>
{loading ? ( {loading ? (
<Spinner /> <Spinner />
) : ( ) : (

4
app/soapbox/features/ui/components/profile-media-panel.tsx
View file

@ -52,7 +52,7 @@ const ProfileMediaPanel: React.FC<IProfileMediaPanel> = ({ account }) => {
if (!nineAttachments.isEmpty()) { if (!nineAttachments.isEmpty()) {
return ( return (
<div className='flex flex-wrap'> <div className='flex flex-wrap -m-1'>
{nineAttachments.map((attachment, _index) => ( {nineAttachments.map((attachment, _index) => (
<MediaItem <MediaItem
key={`${attachment.getIn(['status', 'id'])}+${attachment.id}`} key={`${attachment.getIn(['status', 'id'])}+${attachment.id}`}
@ -75,7 +75,7 @@ const ProfileMediaPanel: React.FC<IProfileMediaPanel> = ({ account }) => {
return ( return (
<Widget title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}> <Widget title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}>
{account && ( {account && (
<div className='w-full py-2'> <div className='w-full'>
{loading ? ( {loading ? (
<Spinner /> <Spinner />
) : ( ) : (