fix styling for reactions

rvaidun · Aug 20, 2023 · cfa6ec0 · cfa6ec0
1 parent 08b8eba
commit cfa6ec0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/posts/singlePostComponent.vue b/src/components/posts/singlePostComponent.vue
@@ -244,8 +244,7 @@ export default defineComponent({
  <UploadRealmoji
  v-if="!isOwner"
  :postID="curpost.id"
- :postOwnerID="user.id"
- class="ml-4" />
+ :postOwnerID="user.id" />
  </div>
  </div>
  <div class="flex mb-5">

diff --git a/src/components/posts/uploadRealmoji.vue b/src/components/posts/uploadRealmoji.vue
@@ -180,12 +180,12 @@ export default {
 };
 </script>
 <template>
- <div class="flex gap-3 items-center overflow-x-scroll">
+ <div class="flex gap-3 items-center overflow-x-hidden">
  <div class="flex image-container gap-3" :class="{ revealed: showRealmoji }">
  <div
  v-for="(realmoji, i) in user.realmojis"
  :key="i"
- class="relative cursor-pointer w-24">
+ class="relative cursor-pointer w-24 flex-shrink-0">
  <img
  referrerpolicy="no-referrer"
  v-bind:src="realmoji.media.url"
@@ -229,7 +229,9 @@ export default {
 </template>
 <style>
 .image-container {
- /* display: flex; */
+ display: flex;
+ overflow-x: scroll;
+ overflow-y: hidden;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  transform: translateX(-100%);
  opacity: 0;