diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue index a04f99d61..cfbdc7255 100755 --- a/resources/assets/js/pages/manage/components/ChatInput/index.vue +++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue @@ -91,7 +91,7 @@ -
+
{{$L('全屏输入')}}
@@ -789,11 +789,10 @@ export default { return } $A.eeuiAppGetLatestPhoto().then(({thumbnail, original}) => { - const width = 120; - const height = Math.min(150, thumbnail.height / (thumbnail.width / width)); + const size = Math.min(120, Math.max(100, this.$refs.moreFull.clientWidth)); this.maybePhotoStyle = { - width: width + 'px', - height: height + 'px', + width: size + 'px', + height: size + 'px', backgroundImage: `url(${thumbnail.base64})`, } this.maybePhotoData = {thumbnail, original} diff --git a/resources/assets/sass/pages/components/chat-input.scss b/resources/assets/sass/pages/components/chat-input.scss index 8fec24093..d33e09556 100755 --- a/resources/assets/sass/pages/components/chat-input.scss +++ b/resources/assets/sass/pages/components/chat-input.scss @@ -740,9 +740,9 @@ border-radius: 4px; &.maybe-photo { - align-items: flex-start; + gap: 6px; flex-direction: column; - padding-bottom: 12px; + padding: 0 0 12px 0; border-radius: 0; &:hover { @@ -750,8 +750,9 @@ } > span { - line-height: 34px; - padding-bottom: 2px; + width: 100%; + display: flex; + line-height: 18px; font-size: 12px; opacity: 0.8; }