natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

message room style overhaul

This commit is contained in:
ThatOneCalculator 2022-09-13 19:58:43 -07:00
parent 91ceb10ea9
commit f5277973de
4 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "12.119.0-calc-rc.3", "version": "12.119.0-calc-rc.4",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

9
packages/client/src/pages/messaging/messaging-room.form.vue
View File

@ -234,15 +234,14 @@ defineExpose({
<style lang="scss" scoped> <style lang="scss" scoped>
.pemppnzi { .pemppnzi {
position: relative; position: fixed;
> textarea { > textarea {
cursor: auto; cursor: auto;
display: block; display: block;
width: 100%; width: 80%;
min-width: 100%; min-width: 80%;
max-width: 100%; max-width: 80%;
min-height: 80px;
margin: 0; margin: 0;
padding: 16px 16px 0 16px; padding: 16px 16px 0 16px;
resize: none; resize: none;

3
packages/client/src/pages/messaging/messaging-room.message.vue
View File

@ -9,7 +9,7 @@
<div v-if="!message.isDeleted" class="content"> <div v-if="!message.isDeleted" class="content">
<Mfm v-if="message.text" ref="text" class="text" :text="message.text" :i="$i"/> <Mfm v-if="message.text" ref="text" class="text" :text="message.text" :i="$i"/>
<div v-if="message.file" class="file"> <div v-if="message.file" class="file">
<img v-if="message.file.type.split('/')[0] == 'image'" :src="message.file.url" :alt="message.file.name"/> <img v-if="message.file.type.split('/')[0] == 'image'" :src="message.file.url" :alt="message.file.name" max-width="400"/>
<VuePlyr v-else-if="message.file.type.split('/')[0] == 'video'"> <VuePlyr v-else-if="message.file.type.split('/')[0] == 'video'">
<video <video
:alt="message.file.name" :alt="message.file.name"
@ -52,6 +52,7 @@
import { } from 'vue'; import { } from 'vue';
import * as mfm from 'mfm-js'; import * as mfm from 'mfm-js';
import * as Misskey from 'misskey-js'; import * as Misskey from 'misskey-js';
import XImage from '@/components/MkMediaImage.vue';
import VuePlyr from 'vue-plyr'; import VuePlyr from 'vue-plyr';
import { extractUrlFromMfm } from '@/scripts/extract-url-from-mfm'; import { extractUrlFromMfm } from '@/scripts/extract-url-from-mfm';
import MkUrlPreview from '@/components/MkUrlPreview.vue'; import MkUrlPreview from '@/components/MkUrlPreview.vue';

4
packages/client/src/pages/messaging/messaging-room.vue
View File

@ -296,6 +296,10 @@ definePageMetadata(computed(() => !fetching ? user ? {
position: relative; position: relative;
overflow: auto; overflow: auto;
XMessage:last-of-type {
margin-bottom: 4rem;
}
> .body { > .body {
.more { .more {
display: block; display: block;