29 lines
485 B
Vue
29 lines
485 B
Vue
<script>
|
|
export default {
|
|
props: {
|
|
name: String,
|
|
gravatar: String
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="signature">
|
|
<img v-if="gravatar" :src="'data:image/png;base64, '+gravatar" width="24" height="24" alt="--" />
|
|
<span v-else>-- </span>
|
|
<span>{{ name }}</span>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.signature {
|
|
text-align: right;
|
|
font-style: italic;
|
|
|
|
img {
|
|
vertical-align: baseline;
|
|
margin: 0 0.2em calc((1em - 24px)/2) 0;
|
|
position: relative;
|
|
}
|
|
}
|
|
</style> |