diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss index fbb47f7..113156f 100644 --- a/src/assets/css/chat.scss +++ b/src/assets/css/chat.scss @@ -467,6 +467,10 @@ body { position: relative; max-width: 70%; + .bubble-inset { + padding: 8px 8px; + } + @media #{map.get($display-breakpoints, 'sm-and-down')} { min-height: $min-touch-target; } @@ -561,6 +565,10 @@ body { position: relative; max-width: 70%; + .bubble-inset { + padding: 8px 8px; + } + @media #{map.get($display-breakpoints, 'sm-and-down')} { min-height: $min-touch-target; } diff --git a/src/components/messages/composition/MessageImage.vue b/src/components/messages/composition/MessageImage.vue index 9c828ef..b4cf1d5 100644 --- a/src/components/messages/composition/MessageImage.vue +++ b/src/components/messages/composition/MessageImage.vue @@ -5,6 +5,10 @@ v-bind="{ ...$props, ...$attrs }" >
+
+ +
+ { overflow: hidden; } -.bubble-inset { - padding: 8px 8px; -} - .imageCollection { width: unset; max-width: unset;