- redesign login page

- add authors and contributors for submitter via Subitter/DatasetController.ts
- add Submitter/Person/Index.vue
- add route subitter/person for listing persons

resources/js/Components/SectionFullScreen.vue

@@ -1,39 +1,36 @@
 <script setup>
-import { computed } from 'vue'
-import { StyleService } from '@/Stores/style'
-import { gradientBgPurplePink, gradientBgDark, gradientBgPinkRed, gradientBgGreenBlue } from '@/colors'
+import { computed } from 'vue';
+import { StyleService } from '@/Stores/style';
+import { gradientBgPurplePink, gradientBgDark, gradientBgPinkRed, gradientBgGreenBlue } from '@/colors';
 
 const props = defineProps({
-  bg: {
-    type: String,
-    required: true,
-    validator: value => ['purplePink', 'pinkRed', 'greenBlue'].includes(value)
-  }
-})
+    bg: {
+        type: String,
+        required: true,
+        validator: (value) => ['purplePink', 'pinkRed', 'greenBlue'].includes(value),
+    },
+});
 
 const colorClass = computed(() => {
-  if (StyleService().darkMode) {
-    return gradientBgDark
-  }
+    if (StyleService().darkMode) {
+        return gradientBgDark;
+    }
 
-  switch (props.bg) {
-    case 'purplePink':
-      return gradientBgPurplePink
-    case 'pinkRed':
-      return  gradientBgPinkRed
-    case 'greenBlue':
-      return gradientBgGreenBlue
-  }
-  
-  return ''
-})
+    switch (props.bg) {
+        case 'purplePink':
+            return gradientBgPurplePink;
+        case 'pinkRed':
+            return gradientBgPinkRed;
+        case 'greenBlue':
+            return gradientBgGreenBlue;
+    }
+
+    return 'bg-white';
+});
 </script>
 
 <template>
-  <div
-    class="flex min-h-screen items-center justify-center"
-    :class="colorClass"
-  >
-    <slot card-class="w-11/12 md:w-7/12 lg:w-6/12 xl:w-4/12 shadow-2xl" />
-  </div>
+    <div class="mx-auto md:h-screen flex flex-col justify-center items-center px-6 pt-8 pt:mt-0" :class="colorClass">
+        <slot card-class="w-11/12 md:w-7/12 lg:w-6/12 xl:w-4/12 shadow-2xl" />
+    </div>
 </template>