mirror of
https://github.com/n8n-io/n8n.git
synced 2024-11-15 17:14:05 -08:00
36 lines
727 B
Vue
36 lines
727 B
Vue
|
<template>
|
||
|
<div :class="$style['gift-icon']">
|
||
|
<font-awesome-icon icon="gift" />
|
||
|
<div :class="$style['notification']">
|
||
|
<div></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<style lang="scss" module>
|
||
|
.gift-icon {
|
||
|
display: flex;
|
||
|
position: relative;
|
||
|
|
||
|
.notification {
|
||
|
height: .47em;
|
||
|
width: .47em;
|
||
|
border-radius: 50%;
|
||
|
color: $--gift-notification-active-color;
|
||
|
position: absolute;
|
||
|
background-color: $--gift-notification-outer-color;
|
||
|
right: -.3em;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
top: -.148em;
|
||
|
|
||
|
div {
|
||
|
height: .36em;
|
||
|
width: .36em;
|
||
|
background-color: $--gift-notification-inner-color;
|
||
|
border-radius: 50%;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</style>
|