Spacebar/client
1
0
Fork 0
mirror of https://github.com/spacebarchat/client.git synced 2024-11-22 02:12:38 +01:00
Code Issues Releases Activity

more minor embed styling fixes

Browse Source
This commit is contained in:
Puyodead1 2023-09-22 11:03:30 -04:00
parent c553c6c1e9
commit 45d1064384
No known key found for this signature in database
GPG Key ID: BA5F91AAEF68E5CE
3 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/messaging/Embed.module.css
View File

@ -15,7 +15,7 @@ iframe {
width: 100%;
}
.image {
.embedImage {
cursor: pointer;
}
@ -157,6 +157,10 @@ iframe {
color: var(--text-secondary);
}
.embedThumbnail {
margin-left: 16px;
}
img.image {
cursor: pointer;
object-fit: fill;

9
src/components/messaging/EmbedMedia.tsx
View File

@ -90,9 +90,10 @@ function EmbedMedia({ embed, width, height, thumbnail }: Props) {
default: {
if (embed.video && !thumbnail) {
const url = embed.video.url;
return (
<video
className={styles.image}
className={styles.embedImage}
style={{ width, height }}
src={url}
loop={embed.type === EmbedType.GIFV}
@ -103,9 +104,10 @@ function EmbedMedia({ embed, width, height, thumbnail }: Props) {
);
} else if (embed.image && !thumbnail) {
const url = embed.image.url;
return (
<img
className={styles.image}
className={styles.embedImage}
src={url}
loading="lazy"
style={{ width: "100%", height: "100%" }}
@ -117,9 +119,10 @@ function EmbedMedia({ embed, width, height, thumbnail }: Props) {
);
} else if (embed.thumbnail) {
const url = embed.thumbnail.url;
return (
<img
className={styles.image}
className={thumbnail ? styles.embedThumbnail : styles.embedImage}
src={url}
loading="lazy"
style={{ width, height }}

20
src/components/messaging/MessageEmbed.tsx
View File

@ -162,21 +162,19 @@ function MessageEmbed({ embed }: Props) {
)}
</div>
<div>
{/* FIXME: broken with wide images */}
{(!largeMedia || embed.type === EmbedType.Rich) && embed.thumbnail && (
{(!largeMedia || embed.type === EmbedType.Rich) && embed.thumbnail && (
<div>
<EmbedMedia embed={embed} width={80} thumbnail />
)}
</div>
</div>
<div>
{/* FIXME: broken with wide images */}
{(largeMedia || embed.type === EmbedType.Rich) && (
<EmbedMedia embed={embed} height={height} width={width} />
</div>
)}
</div>
{(largeMedia || embed.type === EmbedType.Rich) && (
<div>
<EmbedMedia embed={embed} height={height} width={width} />
</div>
)}
{embed.footer && (
<div className={styles.embedFooter}>
{embed.footer.icon_url && (