moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'card-empty-icon' into 'develop' 

Card: fix empty card icon

See merge request soapbox-pub/soapbox-fe!856
This commit is contained in:
Alex Gleason 2021-11-04 20:12:31 +00:00
parent 887da20192 0e95a64027
commit 2cecefd749
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/soapbox/features/status/components/card.js
View File

@ -220,7 +220,7 @@ export default class Card extends React.PureComponent {
} else { } else {
embed = ( embed = (
<div className='status-card__image status-card__image--empty'> <div className='status-card__image status-card__image--empty'>
<Icon id='file-text' /> <Icon src={require('@tabler/icons/icons/file-text.svg')} />
</div> </div>
); );
} }

9
app/styles/components/status.scss
View File

@ -613,13 +613,18 @@ a.status-card {
background: var(--brand-color--med); background: var(--brand-color--med);
position: relative; position: relative;
& > .fa { & > .svg-icon {
font-size: 21px; width: 40px;
height: 40px;
position: absolute; position: absolute;
transform-origin: 50% 50%; transform-origin: 50% 50%;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
svg {
stroke-width: 1px;
}
} }
&--empty { &--empty {