[hub] add data-driven notification message

This commit is contained in:
Prateeksha Singh
2018-08-23 22:42:41 +05:30
parent b696b2965d
commit 67e0374261
7 changed files with 65 additions and 66 deletions

View File

@@ -1,8 +1,11 @@
<template>
<div class="subpage-message">
<div v-if="message" class="subpage-message">
<p class="text-muted flex">
<span v-html="message"></span>
<i class="octicon octicon-x text-extra-muted"></i>
<i class="octicon octicon-x text-extra-muted"
@click="$emit('remove-message')"
>
</i>
</p>
</div>
</template>
@@ -10,11 +13,26 @@
<script>
export default {
name: ' notification-message',
name: 'notification-message',
props: {
message: String,
}
}
}
</script>
<style scoped></style>
<style lang="less" scoped>
.subpage-message {
p {
padding: 10px 15px;
margin-top: 0px;
margin-bottom: 15px;
background-color: #f9fbf7;
border-radius: 4px;
justify-content: space-between;
}
.octicon-x {
cursor: pointer;
}
}
</style>