Move exif info into common "details" view

This commit is contained in:
N-Pex 2025-09-23 12:52:52 +02:00
parent 609e4a97c2
commit 0f7b9ac7ab
12 changed files with 308 additions and 230 deletions

View file

@ -516,7 +516,14 @@ $hiliteColor: #4642f1;
.attachment-info {
text-align: start;
position: relative;
display: flex;
flex-direction: column;
height: 100%;
.attachment-info__content {
flex: 1 1 auto;
}
.attachment-info__quality {
.attachment-info__quality__title {
font-family: "Inter", sans-serif;
@ -613,12 +620,13 @@ $hiliteColor: #4642f1;
font-size: 14px;
line-height: 125%;
letter-spacing: 0.4px;
margin-top: 8px;
margin-top: 22px;
padding-bottom: 4px;
a, a:visited {
font-weight: 700;
color: #8A87FF;
text-decoration: none !important;
color: white;
text-decoration: underline !important;
margin-right: 4px;
}
}
@ -633,11 +641,13 @@ $hiliteColor: #4642f1;
display: flex;
.v-icon {
color: #dad9fc;
padding: 9.33px;
margin-right: 8px;
width: 32px;
height: 32px;
background-color: black;
border-radius: 4px;
}
.detail-row__text {
@ -656,4 +666,17 @@ $hiliteColor: #4642f1;
}
}
}
.attachment-info__download-button {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 14 * $chat-text-size;
color: white;
background-color: transparent;
border: 1px solid white;
border-radius: 24 * $chat-text-size;
height: 48 * $chat-text-size;
flex: 0 0 (48 * $chat-text-size);
}
}

View file

@ -0,0 +1,11 @@
<template>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M5 2H9.73333C11.2268 2 11.9735 2 12.544 2.29065C13.0457 2.54631 13.4537 2.95426 13.7094 3.45603C14 4.02646 14 4.77319 14 6.26667V11M4.13333 14H9.53333C10.2801 14 10.6534 14 10.9387 13.8547C11.1895 13.7268 11.3935 13.5229 11.5213 13.272C11.6667 12.9868 11.6667 12.6134 11.6667 11.8667V6.46667C11.6667 5.71993 11.6667 5.34656 11.5213 5.06135C11.3935 4.81046 11.1895 4.60649 10.9387 4.47866C10.6534 4.33333 10.2801 4.33333 9.53333 4.33333H4.13333C3.3866 4.33333 3.01323 4.33333 2.72801 4.47866C2.47713 4.60649 2.27316 4.81046 2.14532 5.06135C2 5.34656 2 5.71993 2 6.46667V11.8667C2 12.6134 2 12.9868 2.14532 13.272C2.27316 13.5229 2.47713 13.7268 2.72801 13.8547C3.01323 14 3.3866 14 4.13333 14Z"
stroke="white"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</template>

View file

@ -2,14 +2,14 @@
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.1487 15.7001H0.822597C0.376044 15.7001 0 15.3241 0 14.8775C0 14.431 0.376044 14.0549 0.822597 14.0549H14.1487C14.5952 14.0549 14.9713 14.431 14.9713 14.8775C14.9713 15.3241 14.5952 15.7001 14.1487 15.7001Z"
fill="#161616" />
fill="currentColor" />
<path
d="M7.4974 12.1509C7.05085 12.1509 6.6748 11.7749 6.6748 11.3283V0.822597C6.6748 0.376044 7.05085 0 7.4974 0C7.94395 0 8.32 0.376044 8.32 0.822597V11.3283C8.32 11.7749 7.94395 12.1509 7.4974 12.1509Z"
fill="#161616" />
fill="currentColor" />
<path
d="M7.49734 12.151C7.28581 12.151 7.07429 12.0805 6.90977 11.916L3.05531 8.03806C2.72627 7.70902 2.72627 7.19196 3.05531 6.88643C3.38435 6.55739 3.90141 6.55739 4.20695 6.88643L8.0614 10.7409C8.39044 11.0699 8.39044 11.587 8.0614 11.8925C7.92039 12.0805 7.70886 12.151 7.49734 12.151Z"
fill="#161616" />
fill="currentColor" />
<path
d="M7.49739 12.151C7.28586 12.151 7.07434 12.0805 6.90982 11.916C6.58078 11.587 6.58078 11.0699 6.90982 10.7644L10.7878 6.88643C11.1168 6.55739 11.6339 6.55739 11.9394 6.88643C12.2685 7.21547 12.2685 7.73253 11.9394 8.03806L8.08496 11.916C7.92044 12.0805 7.70891 12.151 7.49739 12.151Z"
fill="#161616" />
fill="currentColor" />
</svg></template>

View file

@ -5,7 +5,7 @@
/>
</svg>
</template>
<style>
<style scoped>
path {
fill: currentColor;
}

View file

@ -514,8 +514,10 @@
"cc_location": "Location"
},
"cc": {
"content_credentials": "Content Credentials",
"content_credentials_info": "Source or history information is available for this media to be verified.",
"metadata-stripped": "Image has been compressed and stripped of metadata.\n\nWe think this image has additional file information. If you want to learn more, ask the sender to share the original."
"details": "Details",
"cc_info": "More information is available. Upload the image to {link}",
"cc_info_link": "Content Credentials Verify",
"metadata-stripped": "The image has been compressed and its metadata removed. If youd like more context, ask the sender for the original file.",
"download_image": "Download image"
}
}