butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

More work on attachment details

Browse source
This commit is contained in:
N-Pex 2025-09-23 16:00:34 +02:00
parent b010285a1e
commit 7acc52ec92
3 changed files with 36 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/assets/css/sendattachments.scss
View file

@ -614,22 +614,6 @@ $hiliteColor: #4642f1;
}
}
.detail-subtitle {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 125%;
letter-spacing: 0.4px;
margin-top: 22px;
padding-bottom: 4px;
a, a:visited {
font-weight: 700;
color: white;
text-decoration: underline !important;
margin-right: 4px;
}
}
.detail-row {
margin-top: 12px;
font-family: "Inter", sans-serif;
@ -667,6 +651,24 @@ $hiliteColor: #4642f1;
}
}
.attachment-info__verify-info {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 125%;
letter-spacing: 0.4px;
margin-top: 22px;
padding-bottom: 4px;
a,
a:visited {
font-weight: 700;
color: white;
text-decoration: underline !important;
margin-right: 4px;
}
}
.attachment-info__download-button {
font-family: 'Poppins', sans-serif;
font-weight: 700;

1
src/assets/translations/en.json
View file

@ -518,6 +518,7 @@
"details": "Details",
"cc_info": "More information is available. Upload the image to {link}",
"cc_info_link": "Content Credentials Verify",
"cc_no_info": "Details for this image cannot be verified.",
"metadata-stripped": "The image has been compressed and its metadata removed. If you’d like more context, ask the sender for the original file.",
"download_image": "Download image"
}

19
src/components/content-credentials/C2PAInfo.vue
View file

@ -13,8 +13,8 @@
<a :href="d.link">{{ d.value }}</a>
</template>
</CCProperty>
<div class="detail-subtitle" v-if="hasC2PA">
</div>
<div class="attachment-info__verify-info" v-if="hasC2PA">
<i18n-t keypath="cc.cc_info" tag="span">
<template v-slot:link>
<a href="https://contentcredentials.org/verify" target="_blank">{{ $t("cc.cc_info_link") }}</a>
@ -22,7 +22,13 @@
</template>
</i18n-t>
</div>
<div class="attachment-info__verify-info" v-else-if="flags">
{{ t("cc.cc_no_info") }}
</div>
<div class="attachment-info__verify-info" v-else-if="props.metaStripped">
{{ t("cc.metadata-stripped") }}
</div>
</template>
<script setup lang="ts">
@ -137,7 +143,7 @@ const updateDetails = () => {
link: link,
});
}
} catch (error) {}
} catch (error) { }
}
details.value = d;
@ -175,14 +181,9 @@ watch(
if (date && dayjs().diff(date, "month") >= 3) {
result += t("file_mode.old_photo");
}
if (props.metaStripped) {
result += t("cc.metadata-stripped");
}
infoText.value = result === "" ? undefined : result;
}
} catch (error) {}
} catch (error) { }
updateDetails();
},