This commit is contained in:
Philipp Lang 2023-11-24 13:33:46 +01:00
parent a1790e7126
commit 69794b900f
1 changed files with 19 additions and 7 deletions

View File

@ -34,7 +34,7 @@
<ui-box class="area-membershipcourse hidden xl:block"> <ui-box class="area-membershipcourse hidden xl:block">
<tabs v-model="tabs.membershipcourse"> <tabs v-model="tabs.membershipcourse">
<courses v-show="tabs.membershipcourse.active === 'course'" :value="inner.courses"></courses> <courses v-show="tabs.membershipcourse.active === 'course'" :value="inner.courses"></courses>
<memberships v-show="tabs.membershipcourse.active === 'membership'" :value="inner.memberships"></memberships> <memberships v-show="tabs.membershipcourse.active === 'membership'" :value="inner.memberships"> </memberships>
</tabs> </tabs>
</ui-box> </ui-box>
<ui-box heading="Ausbildungen" class="area-courses xl:hidden"> <ui-box heading="Ausbildungen" class="area-courses xl:hidden">
@ -59,6 +59,11 @@
import {defineAsyncComponent} from 'vue'; import {defineAsyncComponent} from 'vue';
export default { export default {
props: {
data: {},
meta: {},
},
data: function () { data: function () {
return { return {
inner: {}, inner: {},
@ -79,7 +84,7 @@ export default {
}, },
membershipcourse: { membershipcourse: {
children: { children: {
membership: 'Mitgliedshaften', membership: 'Mitgliedschaften',
course: 'Ausbildungen', course: 'Ausbildungen',
}, },
active: 'membership', active: 'membership',
@ -90,11 +95,6 @@ export default {
methods: {}, methods: {},
props: {
data: {},
meta: {},
},
components: { components: {
stamm: defineAsyncComponent(() => import('./boxes/Stamm.vue')), stamm: defineAsyncComponent(() => import('./boxes/Stamm.vue')),
kontakt: defineAsyncComponent(() => import('./boxes/Kontakt.vue')), kontakt: defineAsyncComponent(() => import('./boxes/Kontakt.vue')),
@ -122,6 +122,7 @@ export default {
'payments'; 'payments';
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@media screen and (min-width: 1280px) { @media screen and (min-width: 1280px) {
.this-grid { .this-grid {
grid-template-areas: grid-template-areas:
@ -131,36 +132,47 @@ export default {
grid-template-columns: max-content max-content max-content 1fr; grid-template-columns: max-content max-content max-content 1fr;
} }
} }
.area-stamm { .area-stamm {
grid-area: stamm; grid-area: stamm;
} }
.area-kontakt { .area-kontakt {
grid-area: kontakt; grid-area: kontakt;
} }
.area-praev { .area-praev {
grid-area: praev; grid-area: praev;
} }
.area-courses { .area-courses {
grid-area: courses; grid-area: courses;
} }
.area-system { .area-system {
grid-area: system; grid-area: system;
} }
.area-memberships { .area-memberships {
grid-area: memberships; grid-area: memberships;
} }
.area-payments { .area-payments {
grid-area: payments; grid-area: payments;
} }
.area-map { .area-map {
grid-area: map; grid-area: map;
} }
.area-stammkontakt { .area-stammkontakt {
grid-area: stammkontakt; grid-area: stammkontakt;
} }
.area-membershipcourse { .area-membershipcourse {
grid-area: membershipcourse; grid-area: membershipcourse;
} }
.area-praesystem { .area-praesystem {
grid-area: praesystem; grid-area: praesystem;
} }