refactor style

This commit is contained in:
ogerly 2023-04-26 13:43:14 +02:00
parent 7d3d25fc7c
commit 909a8f29fd
2 changed files with 25 additions and 25 deletions

View File

@ -65,12 +65,13 @@
name="eventStart"
v-model="formData.eventStart"
type="datetime"
:hour-options="hours"
value-type="format"
:minute-step="15"
formmat="DD-MM-YYYY HH:mm"
style="z-index: 20"
:placeholder="$t('post.viewEvent.eventStart')"
:disabled-date="notBeforeToday"
:show-second="false"
></date-picker>
</div>
<div class="chipbox" style="margin-top: 10px">
@ -86,11 +87,12 @@
v-model="formData.eventEnd"
type="datetime"
:minute-step="15"
:hour-options="hours"
:seconds-step="0"
formmat="DD MM YYYY HH:mm"
:placeholder="$t('post.viewEvent.eventEnd')"
style="font-size: larger"
:disabled-date="notBeforeToday"
:show-second="false"
></date-picker>
</ds-grid-item>
</ds-grid>
@ -232,7 +234,6 @@ export default {
return {
categoriesActive: this.$env.CATEGORIES_ACTIVE,
links,
hours: Array.from({ length: 10 }).map((_, i) => i + 8),
formData: {
title: title || '',
content: content || '',
@ -262,7 +263,7 @@ export default {
return []
},
},
eventStart: { required: !!this.creatEvent },
eventStart: { required: !this.creatEvent },
eventVenue: { required: !!this.creatEvent, min: 3, max: 100 },
eventLocationName: { required: !!this.creatEvent, min: 3, max: 100 },
},
@ -279,9 +280,6 @@ export default {
...mapGetters({
currentUser: 'auth/user',
}),
notBeforeToday(date) {
return date < new Date(new Date().setHours(0, 0, 0, 0));
},
eventInput() {
if (this.creatEvent) {
return {
@ -311,6 +309,9 @@ export default {
},
},
methods: {
notBeforeToday(date) {
return date < new Date(new Date().setHours(0, 0, 0, 0));
},
submit() {
let image = null

View File

@ -1,31 +1,31 @@
<template>
<div>
<ds-space margin="small">
<ds-flex :width="{ base: '100%' }" gutter="base">
<ds-flex :width="{ base: '100%' }" >
<ds-flex-item :width="{ base: '100%', md: 5 }">
<ds-flex gutter="base" :width="{ base: '100%', sm: 1 }">
<ds-flex-item>
<ds-card header="" :primary="!creatEvent" centered>
<template slot="footer">
<ds-heading v-if="!creatEvent" tag="h2">
{{ $t('post.createNewPost.title') }}
</ds-heading>
<ds-button v-if="!!creatEvent" @click="creatEvent = !creatEvent">
<ds-card :primary="!creatEvent" centered>
<div>
<ds-button v-if="!creatEvent" ghost fullwidth size="x-large" style="background-color: #ff000000; color: whitesmoke">
{{ $t('post.createNewPost.title') }}
</ds-button>
</template>
<ds-button v-else ghost fullwidth size="x-large" @click="creatEvent = !creatEvent">
{{ $t('post.createNewPost.title') }}
</ds-button>
</div>
</ds-card>
</ds-flex-item>
<ds-flex-item>
<ds-card header="" :primary="!!creatEvent" centered>
<template slot="footer">
<ds-heading v-if="creatEvent" tag="h2">
<ds-card :primary="!!creatEvent" centered>
<div >
<ds-button ghost fullwidth size="x-large" v-if="creatEvent" hover="false" style="background-color: #ff000000; color: whitesmoke">
{{ $t('post.createNewEvent.title') }}
</ds-heading>
<ds-button v-if="!creatEvent" @click="creatEvent = !creatEvent">
</ds-button>
<ds-button ghost fullwidth size="x-large" v-else @click="creatEvent = !creatEvent">
{{ $t('post.createNewEvent.title') }}
</ds-button>
</template>
</ds-button>
</div>
</ds-card>
</ds-flex-item>
</ds-flex>
@ -35,8 +35,7 @@
</ds-flex-item>
<ds-flex-item :width="{ base: '100%', md: 1 }">&nbsp;</ds-flex-item>
</ds-flex>
</ds-space>
<ds-space margin="small" />
<ds-flex :width="{ base: '100%' }" gutter="base">
<ds-flex-item :width="{ base: '100%', md: 5 }">
<contribution-form :group="group" :creatEvent="creatEvent" />