clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-04-28 07:46:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(nc-gui): lint

Browse Source
This commit is contained in:
Ramesh Mane
2026-01-22 10:31:54 +00:00
parent eb8debad43
commit b980d95e42
16 changed files with 779 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
packages/nc-gui/components/workspace/project/create/MenuItem.vue
View File

@@ -1,57 +1,56 @@
<script lang="ts" setup>
import { NcMenuItem } from "#components"
import { NcMenuItem } from '#components'
interface Props {
label: string
subtext?: string
icon?: IconMapKey
variant?: 'dropdown' | 'modal'
label: string
subtext?: string
icon?: IconMapKey
variant?: 'dropdown' | 'modal'
}
withDefaults(defineProps<Props>(), {
})
withDefaults(defineProps<Props>(), {})
</script>
<template>
<component :is="variant === 'modal' ? 'div' : NcMenuItem"
:inner-class="`w-full ${$slots.subtext || subtext ? '!items-start' : ''}`"
:class="`nc-create-project-menu-item-${variant}`">
<div class="nc-icon-wrapper">
<slot name="icon">
<GeneralIcon v-if="icon" :icon="icon" class="h-4 w-4 flex-none" />
</slot>
</div>
<component
:is="variant === 'modal' ? 'div' : NcMenuItem"
:inner-class="`w-full ${$slots.subtext || subtext ? '!items-start' : ''}`"
:class="`nc-create-project-menu-item-${variant}`"
>
<div class="nc-icon-wrapper">
<slot name="icon">
<GeneralIcon v-if="icon" :icon="icon" class="h-4 w-4 flex-none" />
</slot>
</div>
<div class="nc-content-wrapper">
<div class="nc-content-label">
<slot name="label">{{ label }}</slot>
</div>
<div v-if="$slots.subtext || subtext" class="nc-content-subtext">
<slot name="subtext">{{ subtext }}</slot>
</div>
</div>
</component>
<div class="nc-content-wrapper">
<div class="nc-content-label">
<slot name="label">{{ label }}</slot>
</div>
<div v-if="$slots.subtext || subtext" class="nc-content-subtext">
<slot name="subtext">{{ subtext }}</slot>
</div>
</div>
</component>
</template>
<style lang="scss" scoped>
.nc-icon-wrapper {
@apply flex items-center justify-center h-5 children:flex-none;
@apply flex items-center justify-center h-5 children:flex-none;
}
.nc-create-project-menu-item-modal {
@apply font-normal text-sm flex items-start gap-3 mx-1 px-2 py-1 rounded-md hover:bg-nc-bg-gray-light transition-colors cursor-pointer;
.nc-content-wrapper {
.nc-content-label {}
@apply font-normal text-sm flex items-start gap-3 mx-1 px-2 py-1 rounded-md hover:bg-nc-bg-gray-light transition-colors cursor-pointer;
.nc-content-wrapper {
.nc-content-label {
}
}
}
.nc-content-wrapper {
.nc-content-subtext {
@apply text-tiny !leading-4 text-nc-content-gray-muted;
}
.nc-content-subtext {
@apply text-tiny !leading-4 text-nc-content-gray-muted;
}
}
</style>
</style>