mirror of https://github.com/nocodb/nocodb
2 changed files with 92 additions and 1 deletions
@ -0,0 +1,87 @@
|
||||
<template> |
||||
<v-menu bottom offset-y> |
||||
<template #activator="{on}"> |
||||
<transition name="announcement"> |
||||
<v-btn |
||||
v-if="!loading" |
||||
text |
||||
small |
||||
class="mb-0 mr-2 py-0 " |
||||
v-on="on" |
||||
> |
||||
Announcement |
||||
<v-icon small> |
||||
mdi-menu-down |
||||
</v-icon> |
||||
</v-btn> |
||||
</transition> |
||||
</template> |
||||
<v-list dense> |
||||
<v-list-item dense> |
||||
<span class="message"> |
||||
Starting from v0.90, <br/> |
||||
our API will undergo changes <br/> |
||||
and we are discontinuing GraphQL |
||||
</span> |
||||
</v-list-item> |
||||
<v-list-item dense href="https://github.com/nocodb/nocodb/issues/1564" target="_blank"> |
||||
<v-icon small class="mr-2"> |
||||
mdi-script-text-outline |
||||
</v-icon> |
||||
<span class="caption"> |
||||
API Changes in v0.90.0 |
||||
</span> |
||||
</v-list-item> |
||||
<!-- <v-list-item dense href="#" target="_blank"> |
||||
<v-icon small class="mr-2"> |
||||
mdi-rocket-launch-outline |
||||
</v-icon> |
||||
<span class="caption"> |
||||
Migration Guide |
||||
</span> |
||||
</v-list-item> --> |
||||
<v-list-item @click="announcementAlert = false"> |
||||
<v-icon small class="mr-2"> |
||||
mdi-close |
||||
</v-icon> |
||||
|
||||
<span class="caption"> |
||||
<!--Hide menu--> |
||||
{{ $t('general.hideMenu') }} |
||||
</span> |
||||
</v-list-item> |
||||
</v-list> |
||||
</v-menu> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'ImportantAnnouncement', |
||||
data: () => ({ |
||||
loading: true |
||||
}), |
||||
computed: { |
||||
}, |
||||
mounted() { |
||||
setTimeout(() => { |
||||
this.loading = false |
||||
}, 1000) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.announcement-enter-active, .announcement-leave-active { |
||||
transition: opacity .5s; |
||||
} |
||||
|
||||
.announcement-enter, .announcement-leave-to { |
||||
opacity: 0; |
||||
} |
||||
|
||||
.message { |
||||
font-size: 0.80rem !important; |
||||
font-weight: bold; |
||||
margin: 10px; |
||||
} |
||||
</style> |
Loading…
Reference in new issue