98ec23544b
* add menu item * implement versions modal * fix up modal * clean up badges * implement key features * fix up spacing * add error message * add notification icon * fix notification * fix bug when no updates * address lint issues * address multi line nodes * add closing animation * keep drawer open * address design feedback * address badge styling * use grid for icons * update cli to return version information * set env variables * add scss color variables * address comments * fix lint issue * handle edge cases * update scss variables, spacing * update spacing * build * override top value for theme * bolden version * update config * check endpoint exists * handle long names * set dates * set title * fix bug * update warning * remove unused component * refactor components * add fragments * inherit styles * fix icon size * fix lint issues * add cli dep * address comments * handle network error * address empty case * Revert "address comments" 480f969e07c3282c50bc326babbc5812baac5dae * remove dependency * build * update variable names * update variable names * refactor verion card * split out variables * clean up impl * clean up scss * move from nodeview * refactor out gift notification icon * fix lint issues * clean up variables * update scss variables * update info url * Add instanceId to frontendSettings * Use createHash from crypto module * Add instanceId to store & send it as http header * Fix lintings * Fix interfaces & apply review changes * Apply review changes * add console message * update text info * update endpoint * clean up interface * address comments * cleanup todo * Update packages/cli/config/index.ts Co-authored-by: Ben Hesseldieck <1849459+BHesseldieck@users.noreply.github.com> * update console message * ⚡ Display node-name on hover * ⚡ Formatting fix Co-authored-by: MedAliMarz <servfrdali@yahoo.fr> Co-authored-by: Ben Hesseldieck <1849459+BHesseldieck@users.noreply.github.com> Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>
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> |