mirror of https://github.com/nocodb/nocodb
Ramesh Mane
10 months ago
5 changed files with 77 additions and 45 deletions
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,25 @@
|
||||
<script lang="ts" setup> |
||||
interface Props { |
||||
bannerImageUrl?: string |
||||
} |
||||
const { bannerImageUrl } = defineProps<Props>() |
||||
</script> |
||||
|
||||
<template> |
||||
<div class="w-full aspect-{4/1} bg-white border-1 border-gray-200 rounded-3xl overflow-hidden"> |
||||
<!-- Todo: cover image uploader and image cropper to crop image in fixed aspect ratio --> |
||||
<LazyNuxtImg v-if="bannerImageUrl" class="h-full" :src="bannerImageUrl" alt="form-banner'" placeholder quality="75" /> |
||||
<div v-else class="h-full flex items-stretch justify-between"> |
||||
<div> |
||||
<img src="~assets/img/form-banner-left.png" alt="form-banner-left'" /> |
||||
</div> |
||||
|
||||
<div class="w-[91px] grid place-items-center"> |
||||
<img class="w-full" src="~assets/img/icons/256x256.png" alt="form-banner-logo'" /> |
||||
</div> |
||||
<div> |
||||
<img src="~assets/img/form-banner-right.png" alt="form-banner-left'" /> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
@ -0,0 +1,13 @@
|
||||
<script lang="ts" setup> |
||||
import { openLink } from '#imports' |
||||
</script> |
||||
|
||||
<template> |
||||
<div |
||||
class="flex items-center gap-3 cursor-pointer text-gray-700 dark:text-slate-300" |
||||
@click="openLink('https://github.com/nocodb/nocodb')" |
||||
> |
||||
<img src="~assets/img/brand/nocodb-logo.svg" alt="NocoDB" class="flex-none w-6 h-6" /> |
||||
<div class="text-sm">NocoDB Forms</div> |
||||
</div> |
||||
</template> |
Loading…
Reference in new issue