diff --git a/packages/client/src/components/MkCwButton.vue b/packages/client/src/components/MkCwButton.vue index 9239d4429..f7fcb1d01 100644 --- a/packages/client/src/components/MkCwButton.vue +++ b/packages/client/src/components/MkCwButton.vue @@ -102,9 +102,9 @@ defineExpose({ } &.showLess { width: 100%; - margin-top: 1em; position: sticky; - bottom: var(--stickyBottom); + bottom: calc(var(--stickyBottom) - 1em); + padding: 20px; > span { display: inline-block; diff --git a/packages/client/src/components/MkGalleryPostPreview.vue b/packages/client/src/components/MkGalleryPostPreview.vue index f171417f7..2ef339a8f 100644 --- a/packages/client/src/components/MkGalleryPostPreview.vue +++ b/packages/client/src/components/MkGalleryPostPreview.vue @@ -59,6 +59,7 @@ const props = defineProps<{ transition: all 0.5s ease; > .img { + position: relative; width: 100%; height: 100%; object-fit: cover; diff --git a/packages/client/src/components/MkImgWithBlurhash.vue b/packages/client/src/components/MkImgWithBlurhash.vue index c7652f476..c1d34ab82 100644 --- a/packages/client/src/components/MkImgWithBlurhash.vue +++ b/packages/client/src/components/MkImgWithBlurhash.vue @@ -1,21 +1,22 @@ diff --git a/packages/client/src/components/MkMediaImage.vue b/packages/client/src/components/MkMediaImage.vue index 37fe5174b..74f45c69c 100644 --- a/packages/client/src/components/MkMediaImage.vue +++ b/packages/client/src/components/MkMediaImage.vue @@ -1,7 +1,6 @@