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

Fix height of horizontal link cards

This commit is contained in:
Alex Gleason 2022-08-03 10:33:35 -05:00
parent c74721f1e1
commit 77ad89bc48
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/soapbox/features/status/components/card.tsx
View File

@ -236,7 +236,15 @@ const Card: React.FC<ICard> = ({
);
} else if (card.image) {
embed = (
<div className='status-card__image'>
<div className={classnames(
'status-card__image',
'w-full rounded-l md:w-auto md:h-auto flex-none md:flex-auto',
{
'h-auto': horizontal,
'h-[200px]': !horizontal,
},
)}
>
{canvas}
{thumbnail}
</div>

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

@ -340,6 +340,7 @@ a.status-card {
flex: 0 0 40%;
background: var(--brand-color--med);
position: relative;
overflow: hidden;
& > .svg-icon {
width: 40px;
@ -380,10 +381,6 @@ a.status-card {
@apply flex flex-col md:flex-row;
}
.status-card--link .status-card__image {
@apply w-full rounded-l md:w-auto h-[200px] md:h-auto flex-none md:flex-auto;
}
.material-status {
padding-bottom: 10px;