forked from geolba/tethys.backend
Arno Kaimbacher
d8bdce1369
- added API File Controller for downloading files e.g. /api/download/1022 - also create has codes by submitting new dataset - added edit dataset functionalities for role submitter - added the following route for role submitter: /dataset/:id/update', 'DatasetController.update' - created extra UpdateDatasetValidator.ts for validating updated dataset - npm updates
39 lines
1.1 KiB
Vue
39 lines
1.1 KiB
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: false,
|
|
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;
|
|
default:
|
|
return 'bg-white text-black dark:bg-slate-900/70 dark:text-white';
|
|
}
|
|
|
|
// 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>
|