forked from geolba/tethys.backend
Arno Kaimbacher
4ad281bcd4
- add authors and contributors for submitter via Subitter/DatasetController.ts - add Submitter/Person/Index.vue - add route subitter/person for listing persons
37 lines
987 B
Vue
37 lines
987 B
Vue
<script setup>
|
|
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),
|
|
},
|
|
});
|
|
|
|
const colorClass = computed(() => {
|
|
if (StyleService().darkMode) {
|
|
return gradientBgDark;
|
|
}
|
|
|
|
switch (props.bg) {
|
|
case 'purplePink':
|
|
return gradientBgPurplePink;
|
|
case 'pinkRed':
|
|
return gradientBgPinkRed;
|
|
case 'greenBlue':
|
|
return gradientBgGreenBlue;
|
|
}
|
|
|
|
return 'bg-white';
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<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>
|