OliveTin/frontend/resources/vue/components/LogActionTitle.vue

<template>
  <span class="log-action-title">
    <slot>{{ actionTitle }}</slot>
    <span v-if="justification" class="log-justification">— {{ justification }}</span>
  </span>
</template>

<script setup>
defineProps({
  actionTitle: {
    type: String,
    default: ''
  },
  justification: {
    type: String,
    default: ''
  }
})
</script>

<style scoped>
.log-justification {
  font-size: 0.875rem;
  color: #888;
  font-weight: normal;
}
</style>