Browse Source

chore(gui-v2): remove layout wrapper from pages

pull/2716/head
Braks 3 years ago committed by Pranav C
parent
commit
ad85178de0
  1. 80
      packages/nc-gui-v2/pages/projects/create.vue
  2. 2
      packages/nc-gui-v2/pages/projects/index.vue

80
packages/nc-gui-v2/pages/projects/create.vue

@ -33,47 +33,45 @@ const createProject = async () => {
</script> </script>
<template> <template>
<NuxtLayout> <div class="main justify-center d-flex mx-auto" style="min-height: 600px;overflow: auto">
<div class="main justify-center d-flex mx-auto" style="min-height: 600px;overflow: auto"> <v-form ref="form" v-model="valid" @submit.prevent="createProject">
<v-form ref="form" v-model="valid" @submit.prevent="createProject"> <v-card style="width:530px;margin-top: 100px" class="mx-auto">
<v-card style="width:530px;margin-top: 100px" class="mx-auto"> <!-- Create Project -->
<!-- Create Project --> <v-container class="pb-10 px-12" style="padding-top: 43px !important;">
<v-container class="pb-10 px-12" style="padding-top: 43px !important;"> <h1 class="mt-4 mb-4 text-center">
<h1 class="mt-4 mb-4 text-center"> <!-- {{ $t('activity.createProject') }} -->
<!-- {{ $t('activity.createProject') }} --> Create Project
Create Project </h1>
</h1> <div class="mx-auto" style="width:350px">
<div class="mx-auto" style="width:350px"> <!-- label="Enter Project Name" -->
<!-- label="Enter Project Name" --> <!-- rule text: Required -->
<!-- rule text: Required --> <v-text-field
<v-text-field v-model="name"
v-model="name" class="nc-metadb-project-name"
class="nc-metadb-project-name" label="Project name"
label="Project name" />
/> <!-- :rules="titleValidationRule" -->
<!-- :rules="titleValidationRule" --> </div>
</div> <div class="text-center">
<div class="text-center"> <v-btn
<v-btn class="mt-3 mx-auto"
class="mt-3 mx-auto" large
large :loading="loading"
:loading="loading" color="primary"
color="primary" @click="createProject"
@click="createProject" >
> <v-icon class="mr-1 mt-n1">
<v-icon class="mr-1 mt-n1"> mdi-rocket-launch-outline
mdi-rocket-launch-outline </v-icon>
</v-icon> <!-- Create -->
<!-- Create --> <!-- <span class="mr-1">{{ // $t("general.create") }}</span> -->
<!-- <span class="mr-1">{{ // $t("general.create") }}</span> --> <span class="mr-1"> Create project </span>
<span class="mr-1"> Create project </span> </v-btn>
</v-btn> </div>
</div> </v-container>
</v-container> </v-card>
</v-card> </v-form>
</v-form> </div>
</div>
</NuxtLayout>
</template> </template>
<style scoped> <style scoped>

2
packages/nc-gui-v2/pages/projects/index.vue

@ -38,7 +38,7 @@ onMounted(async () => {
</v-btn> </v-btn>
</div> </div>
<v-row> <v-row>
<v-col v-for="project in projects" :key="project.id" cols="4"> <v-col v-for="project of projects" :key="project.id" cols="4">
<v-card @click="navigateToDashboard(project)"> <v-card @click="navigateToDashboard(project)">
<v-card-title> <v-card-title>
<div class="text-center"> <div class="text-center">

Loading…
Cancel
Save