Browse Source

feat(nc-gui): cloud button ui update

pull/6428/head
reenphygeorge 1 year ago
parent
commit
d8cbe758f0
  1. 2
      packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue
  2. 20
      packages/nc-gui/components/general/JoinCloud.vue

2
packages/nc-gui/components/dashboard/Sidebar/UserInfo.vue

@ -144,7 +144,7 @@ onMounted(() => {
<div v-if="appInfo.ee" class="text-gray-500 text-xs pl-3">© 2023 NocoDB. Inc</div>
<div v-else-if="isMounted" class="flex flex-row justify-between flex-wrap pt-1 truncate">
<div class="flex items-start flex-row justify-center px-3 gap-2">
<div class="flex items-start flex-row justify-center px-3 gap-2 mb-1">
<GithubButton href="https://github.com/nocodb/nocodb" data-icon="octicon-star" data-show-count="true" data-size="large">
Star
</GithubButton>

20
packages/nc-gui/components/general/JoinCloud.vue

@ -3,13 +3,17 @@ import { iconMap } from '#imports'
</script>
<template>
<a
v-e="['c:navbar:join-cloud']"
class="flex justify-center mx-2 rounded-lg items-center space-x-1 w-full cursor-pointer pl-3 py-1.5 !text-current !no-underline !hover:(text-primary bg-primary bg-opacity-5)"
href="https://docs.google.com/forms/d/e/1FAIpQLSfKLe8Rcrq0uo2_jM5W1kbVBbzDiQ3IvlP8Iov61FTekVAvzA/viewform?usp=pp_url"
target="_blank"
>
<component :is="iconMap.cloud" class="mr-1" />
Join NocoDB Cloud
<a v-e="['c:navbar:join-cloud']" class="flex !text-current !no-underline"
href="https://docs.google.com/forms/d/e/1FAIpQLSfKLe8Rcrq0uo2_jM5W1kbVBbzDiQ3IvlP8Iov61FTekVAvzA/viewform?usp=pp_url">
<div
class="group flex justify-center items-center rounded-l-sm w-full cursor-pointer px-2 py-1 !text-current !no-underline text-primary border-1 border-gray-300 bg-gray-100 m-0"
target="_blank">
<component :is="iconMap.cloud" class="mr-1 mt-[1px] text-black group-hover:text-pink-400" />
</div>
<div
class="group flex justify-center items-center rounded-r-sm w-full cursor-pointer px-2 py-1 text-primary border-r-1 border-b-1 border-t-1 border-gray-300 m-0"
target="_blank">
<div class="px-1 text-xs font-bold text-gray-700">Join Cloud</div>
</div>
</a>
</template>

Loading…
Cancel
Save