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

View File

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