Browse Source

feat: form view ui

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/559/head
Pranav C 3 years ago
parent
commit
4d34661437
  1. 12
      packages/nc-gui/components/project/spreadsheet/views/formView.vue

12
packages/nc-gui/components/project/spreadsheet/views/formView.vue

@ -2,7 +2,7 @@
<v-container fluid class="h-100 backgroundColor"> <v-container fluid class="h-100 backgroundColor">
<v-row class="h-100"> <v-row class="h-100">
<v-col cols="3"> <v-col cols="3">
<v-card class="h-100 pa-2 backgroundColor elevation-0"> <v-card class="h-100 pa-2 backgroundColor elevation-0 nc-form-left-nav">
<div class="d-flex grey--text"> <div class="d-flex grey--text">
<span class="">Fields</span> <span class="">Fields</span>
<v-spacer /> <v-spacer />
@ -161,6 +161,10 @@
</div> </div>
<!-- </v-card>--> <!-- </v-card>-->
</div> </div>
<div v-if="!columns.length" class="mt-1 nc-drag-n-drop-to-show py-4 text-center grey--text text--lighter-1">
Drag and drop field here to add
</div>
</draggable> </draggable>
<div class="my-10 text-center"> <div class="my-10 text-center">
<v-btn color="primary"> <v-btn color="primary">
@ -353,11 +357,15 @@ export default {
} }
} }
.nc-drag-n-drop-to-hide { .nc-drag-n-drop-to-hide, .nc-drag-n-drop-to-show {
border: 2px dotted #a1a1a1; border: 2px dotted #a1a1a1;
border-radius: 4px; border-radius: 4px;
font-size: .6rem; font-size: .6rem;
color: grey color: grey
} }
.nc-form-left-nav{
max-height: 100%;
}
</style> </style>

Loading…
Cancel
Save