github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

chore(gui-v2): col-span for create item 

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
pull/2716/head
Braks 2 years ago committed by Pranav C
parent
1b26a60be1
commit
fa8dcbaa98
1 changed files with 33 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 64
      packages/nc-gui-v2/pages/projects/index/index.vue

64
packages/nc-gui-v2/pages/projects/index/index.vue
Unescape View File

@ -32,7 +32,7 @@ const formatTitle = (title: string) =>
</script> </script>
<template> <template>
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 3xl:grid-cols-8"> <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 3xl:grid-cols-8 gap-4">
<div v-for="(project, i) of projects" :key="project.id" class="group flex flex-col items-center gap-2"> <div v-for="(project, i) of projects" :key="project.id" class="group flex flex-col items-center gap-2">
<div <div
class="nc-project-thumbnail shadow-md cursor-pointer uppercase flex items-center justify-center transition-color ease duration-300 hover:shadow-lg" class="nc-project-thumbnail shadow-md cursor-pointer uppercase flex items-center justify-center transition-color ease duration-300 hover:shadow-lg"
@ -62,36 +62,38 @@ const formatTitle = (title: string) =>
</div> </div>
</div> </div>
<div class="group flex flex-col items-center gap-2"> <div class="col-span-2 md:col-span-1">
<v-menu> <div class="group flex flex-col items-center gap-2">
<template #activator="{ props }"> <v-menu>
<div <template #activator="{ props }">
class="cursor-pointer shadow-md nc-project-thumbnail opacity-50 hover:(opacity-100 shadow-lg) bg-gray-400 uppercase flex items-center justify-center transition-color ease duration-300" <div
@click="props.onClick" class="cursor-pointer shadow-md nc-project-thumbnail opacity-50 hover:(opacity-100 shadow-lg) bg-gray-400 uppercase flex items-center justify-center transition-color ease duration-300"
> @click="props.onClick"
<MdiPlus /> >
</div> <MdiPlus />
<div class="prose-lg font-semibold"> </div>
{{ $t('title.newProj') }} <div class="prose-lg font-semibold">
</div> {{ $t('title.newProj') }}
</template> </div>
<v-list class="!py-0 flex flex-col bg-white rounded-lg shadow-md border-1 border-gray-300 mt-2 ml-2"> </template>
<div <v-list class="!py-0 flex flex-col bg-white rounded-lg shadow-md border-1 border-gray-300 mt-2 ml-2">
class="grid grid-cols-12 cursor-pointer hover:bg-gray-200 flex items-center p-2" <div
@click="navigateTo('/projects/create')" class="grid grid-cols-12 cursor-pointer hover:bg-gray-200 flex items-center p-2"
> @click="navigateTo('/projects/create')"
<MdiPlus class="col-span-2 mr-1 mt-[1px] text-primary text-lg" /> >
<div class="col-span-10 text-sm xl:text-md">{{ $t('activity.createProject') }}</div> <MdiPlus class="col-span-2 mr-1 mt-[1px] text-primary text-lg" />
</div> <div class="col-span-10 text-sm xl:text-md">{{ $t('activity.createProject') }}</div>
<div </div>
class="grid grid-cols-12 cursor-pointer hover:bg-gray-200 flex items-center p-2" <div
@click="navigateTo('/projects/create-external')" class="grid grid-cols-12 cursor-pointer hover:bg-gray-200 flex items-center p-2"
> @click="navigateTo('/projects/create-external')"
<MdiDatabaseOutline class="col-span-2 mr-1 mt-[1px] text-green-500 text-lg" /> >
<div class="col-span-10 text-sm xl:text-md" v-html="$t('activity.createProjectExtended.extDB')" /> <MdiDatabaseOutline class="col-span-2 mr-1 mt-[1px] text-green-500 text-lg" />
</div> <div class="col-span-10 text-sm xl:text-md" v-html="$t('activity.createProjectExtended.extDB')" />
</v-list> </div>
</v-menu> </v-list>
</v-menu>
</div>
</div> </div>
</div> </div>
</template> </template>

Write Preview
Loading…
Cancel
Save