Add emphasis to the expired status

This commit is contained in:
Lucas Verney 2018-10-13 17:10:23 +02:00
parent 1548f0176d
commit 82f2e84243
2 changed files with 14 additions and 2 deletions

View File

@ -12,7 +12,7 @@
</template>
[{{ flat.id.split("@")[1] }}]
{{ flat.is_expired ? "[" + $t("common.expired") + "]" : null }}
<span class="expired">{{ flat.is_expired ? "[" + $t("common.expired") + "]" : null }}</span>
{{ flat.title }}
<template v-if="photo">
@ -88,3 +88,10 @@ export default {
},
};
</script>
<style scoped>
.expired {
font-weight: bold;
text-transform: uppercase;
}
</style>

View File

@ -11,7 +11,7 @@
-->{{ flat.status ? capitalize($t("status." + flat.status)) : '' }}<!--
--></router-link><!--
-->) {{ flat.title }} [{{ flat.id.split("@")[1] }}]
{{ flat.is_expired ? '[' + $t('common.expired') + ']' : '' }}
<span class="expired">{{ flat.is_expired ? '[' + $t('common.expired') + ']' : '' }}</span>
</h2>
<div class="grid">
<div class="left-panel">
@ -369,6 +369,11 @@ export default {
</script>
<style scoped>
.expired {
font-weight: bold;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.grid {
display: grid;