beautifying the new shitpost upload process

This commit is contained in:
2026-05-13 12:34:51 +02:00
parent e59e038a8c
commit ba2e20679a
2 changed files with 205 additions and 72 deletions

View File

@@ -255,7 +255,6 @@
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
overflow: hidden;
min-width: 0;
}
@@ -1170,3 +1169,31 @@
.item-comment-input {
min-height: 60px;
}
/* Media column wrapper for URL items in shitpost mode:
stacks the embed/icon above the url-type-badge (refetch trigger).
Mirrors the flex sizing of .preview-media-small so embed size is unchanged. */
.item-media-col {
display: flex;
flex-direction: column;
align-items: stretch;
flex: 0 0 50%;
width: 50%;
min-height: 275px;
max-height: 350px;
}
.item-media-col iframe,
.item-media-col .generic-file-icon {
width: 100%;
flex: 1 1 auto;
min-height: 120px;
max-height: 320px;
border-radius: 8px;
background: rgba(0, 0, 0, 0.3);
}
/* Badge inside the col sits flush below the embed, no extra sizing */
.item-media-col .url-type-badge {
flex-shrink: 0;
}