web: change items

This commit is contained in:
Mika 2024-07-09 18:35:47 +02:00
parent e777e948e2
commit 852fbe7b10
2 changed files with 20 additions and 17 deletions

View file

@ -56,20 +56,26 @@
v-model="addNotes" v-model="addNotes"
variant="outlined" variant="outlined"
></v-text-field> ></v-text-field>
<span class="dialogNote"> all fields marked with * are required </span> <span class="dialogNote "> all fields marked with * are required </span>
</div> </div>
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>
<v-btn <v-row>
class="ms-auto" <v-col cols="10" align="right" no-gutters>
text="Cancel" <v-btn
@click="add = false" class="ms-auto"
></v-btn> text="Cancel"
<v-btn @click="add = false"
class="ms-auto" ></v-btn>
text="Add" </v-col>
@click="add = false" <v-col>
></v-btn> <v-btn
class="ms-auto"
text="Add"
@click="add = false"
></v-btn>
</v-col>
</v-row>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-dialog> </v-dialog>

View file

@ -20,7 +20,7 @@
</div> </div>
<div class="mr-3 d-flex align-self-center" style="align-items:center"> <div class="mr-3 d-flex align-self-center" style="align-items:center">
<Check class="mr-1"/> <CalendarCheck/>
<span v-if="props.startDate == null || props.startDate == undefined || props.startDate.length == 0"> <span v-if="props.startDate == null || props.startDate == undefined || props.startDate.length == 0">
Verfügbar Verfügbar
</span> </span>
@ -30,7 +30,7 @@
</div> </div>
<div class="mr-3 d-flex align-self-center" style="align-items:center"> <div class="mr-3 d-flex align-self-center" style="align-items:center">
<Skull class="mr-1"/> <CalendarX/>
<span v-if="props.endDate == null || props.endDate == undefined || props.endDate.length == 0"> <span v-if="props.endDate == null || props.endDate == undefined || props.endDate.length == 0">
Ewig Verfügbar Ewig Verfügbar
</span> </span>
@ -60,10 +60,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { KeyRound } from 'lucide-vue-next'; import { Infinity, KeyRound, Check, Skull, CalendarCheck, CalendarX } from 'lucide-vue-next';
import { Check } from 'lucide-vue-next';
import { Skull } from 'lucide-vue-next';
import { Infinity } from 'lucide-vue-next';
const props = defineProps({ const props = defineProps({
licenseName: String, licenseName: String,