Browse Source

feat(nc-gui): cloud button ui update

pull/6428/head
reenphygeorge 1 year ago
parent
commit
728225cc2c
  1. 11
      packages/nc-gui/components/general/JoinCloud.vue

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

@ -3,17 +3,18 @@ import { iconMap } from '#imports'
</script> </script>
<template> <template>
<a v-e="['c:navbar:join-cloud']" class="flex !text-current !no-underline" <a v-e="['c:navbar:join-cloud']" class="flex !no-underline"
href="https://docs.google.com/forms/d/e/1FAIpQLSfKLe8Rcrq0uo2_jM5W1kbVBbzDiQ3IvlP8Iov61FTekVAvzA/viewform?usp=pp_url"> href="https://docs.google.com/forms/d/e/1FAIpQLSfKLe8Rcrq0uo2_jM5W1kbVBbzDiQ3IvlP8Iov61FTekVAvzA/viewform?usp=pp_url">
<div <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" class="flex justify-center items-center rounded-l-[3px] w-full cursor-pointer px-2 py-1 !text-current !no-underline text-primary border-1 border-[#cdd1d6] bg-[#EFF2F6] hover:bg-[#e9ebef] m-0"
target="_blank"> target="_blank">
<component :is="iconMap.cloud" class="mr-1 mt-[1px] text-black group-hover:text-pink-400" /> <component :is="iconMap.cloud" class="mt-[1px] text-black font-bold" />
<div class="px-1 text-xs font-bold text-gray-800">Join</div>
</div> </div>
<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" class="group flex justify-center items-center rounded-r-[3px] w-full cursor-pointer px-1 py-1 text-primary border-r-1 border-b-1 border-t-1 border-[#cdd1d6] m-0"
target="_blank"> target="_blank">
<div class="px-1 text-xs font-bold text-gray-700">Join NocoDB Cloud</div> <div class="px-1 text-xs font-semibold group-hover:text-[#0a69da] text-gray-900">NocoDB Cloud</div>
</div> </div>
</a> </a>
</template> </template>

Loading…
Cancel
Save