edit cooperative page and functionality

2025-08-20 12:37:20 +02:00
parent 8fedf54470
commit d609660dde
10 changed files with 671 additions and 13 deletions
--- a/pages/editar/cooperativa/index.vue
+++ b/pages/editar/cooperativa/index.vue
@@ -0,0 +1,59 @@
+<template>
+  <BContainer class="container">
+    <BRow align-h="center">
+      <BCol class="edit-coop">
+        <h1 class="title">Editar Cooperativa</h1>
+        <div class="form-container">
+          <CompanyForm />
+        </div>
+      </BCol>
+    </BRow>
+  </BContainer>
+</template>
+
+<script>
+export default {
+  setup (){
+    definePageMeta({
+      layout: 'editar',
+      middleware: 'auth',
+      auth: { authority: 'COOP_MANAGER' }
+    })
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.container {
+  margin-top: 40px;
+  margin-bottom: 80px;
+}
+.edit-coop {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.title {
+  color: $color-navy;
+  font-size: $xxl;
+  margin-bottom: 50px;
+  text-align: left;
+  @include desktop {
+    width: 40%;
+  }
+  @include tablet {
+    width: 60%;
+  }
+  @include mobile {
+    width: 90%;
+    margin-top: 70px;
+  }
+}
+
+.form-container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+</style>