SWREI/switched
0
0
Fork 0
Code

Post modal - Note Preview - without avatar

Browse Source
This commit is contained in:
caipira113 2024-08-19 19:43:10 +09:00
parent 1a44c33340
commit aaf560f747
No known key found for this signature in database
2 changed files with 1 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/frontend/src/components/MkNotePreview.vue
View File

@ -5,11 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template>
<div :class="$style.root">
<MkAvatar :class="$style.avatar" :user="user"/>
<div :class="$style.main">
<div :class="$style.header">
<MkUserName :user="user" :nowrap="true"/>
</div>
<div>
<p v-if="useCw" :class="$style.cw">
<Mfm v-if="cw != null && cw != ''" :text="cw" :author="user" :nyaize="'respect'" :i="user" style="margin-right: 8px;"/>
@ -50,16 +46,6 @@ const props = defineProps<{
font-size: 0.95em;
}
.avatar {
flex-shrink: 0 !important;
display: block !important;
margin: 0 10px 0 0 !important;
width: 40px !important;
height: 40px !important;
border-radius: 8px !important;
pointer-events: none !important;
}
.main {
flex: 1;
min-width: 0;
@ -80,20 +66,4 @@ const props = defineProps<{
overflow: clip;
text-overflow: ellipsis;
}
@container (min-width: 350px) {
.avatar {
margin: 0 10px 0 0 !important;
width: 44px !important;
height: 44px !important;
}
}
@container (min-width: 500px) {
.avatar {
margin: 0 12px 0 0 !important;
width: 48px !important;
height: 48px !important;
}
}
</style>

2
packages/frontend/src/components/MkPostForm.vue
View File

@ -1198,7 +1198,7 @@ defineExpose({
.preview {
padding: 16px 20px 0 20px;
min-height: 75px;
min-height: auto;
max-height: 150px;
overflow: auto;
}