[hub] add data-driven notification message
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user