@ -27,6 +27,7 @@ import androidx.compose.foundation.layout.Column
@@ -27,6 +27,7 @@ import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.material.icons.Icons
@ -47,6 +48,7 @@ import androidx.compose.ui.layout.ContentScale
@@ -47,6 +48,7 @@ import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.platform.LocalInspectionMode
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.text.style.TextOverflow
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
@ -65,6 +67,7 @@ import io.element.android.libraries.core.mimetype.MimeTypes
@@ -65,6 +67,7 @@ import io.element.android.libraries.core.mimetype.MimeTypes
import io.element.android.libraries.core.mimetype.MimeTypes.isMimeTypeImage
import io.element.android.libraries.core.mimetype.MimeTypes.isMimeTypeVideo
import io.element.android.libraries.designsystem.R
import io.element.android.libraries.designsystem.theme.ElementTheme
import io.element.android.libraries.designsystem.theme.components.Icon
import io.element.android.libraries.designsystem.theme.components.Text
import io.element.android.libraries.designsystem.utils.OnLifecycleEvent
@ -229,7 +232,7 @@ fun MediaFileView(
@@ -229,7 +232,7 @@ fun MediaFileView(
modifier : Modifier = Modifier ,
) {
localMediaViewState . isReady = uri != null
Box ( modifier = modifier , contentAlignment = Alignment . Center ) {
Box ( modifier = modifier . padding ( horizontal = 8. dp ) , contentAlignment = Alignment . Center ) {
Column ( horizontalAlignment = Alignment . CenterHorizontally ) {
Box (
modifier = Modifier
@ -248,12 +251,14 @@ fun MediaFileView(
@@ -248,12 +251,14 @@ fun MediaFileView(
)
}
if ( info != null ) {
Spacer ( modifier = Modifier . height ( 16 .dp ) )
Spacer ( modifier = Modifier . height ( 20 .dp ) )
Text (
text = info . name ,
maxLines = 2 ,
fontSize = 16. sp ,
overflow = TextOverflow . Ellipsis
overflow = TextOverflow . Ellipsis ,
textAlign = TextAlign . Center ,
color = ElementTheme . colors . gray1400
)
Spacer ( modifier = Modifier . height ( 4. dp ) )
Text (
@ -261,6 +266,7 @@ fun MediaFileView(
@@ -261,6 +266,7 @@ fun MediaFileView(
fontSize = 14. sp ,
maxLines = 1 ,
overflow = TextOverflow . Ellipsis ,
color = ElementTheme . colors . gray1400
)
}
}