a little bit better position of datepicker

This commit is contained in:
Believethehype 2024-02-29 22:27:15 +01:00
parent 41790a1be8
commit 1fd708e956
2 changed files with 8 additions and 5 deletions

View File

@ -359,9 +359,11 @@ const submitHandler = async () => {
<template #footer>
<div>
<VueDatePicker :min-date="new Date()" :teleport="false" :dark="true" position="right" className="bg-base-200 inline-flex flex-none" style="width: 220px;" v-model="datetopost"></VueDatePicker>
<button className="v-Button" @click="schedule(modalcontent, datetopost)" @click.stop="closeModal"><img width="25px" style="margin-right: 5px" src="../../public/shipyard.ico"/>Schedule Note with Shipyard DVM</button>
<div class="content-center">
<VueDatePicker :min-date="new Date()" :dark="true" className="bg-base-200 content-center" teleport-center v-model="datetopost"></VueDatePicker>
<br>
<button className="v-Button" @click="schedule(modalcontent, datetopost)" @click.stop="closeModal"><img width="25px" style="margin-right: 5px" src="../../public/shipyard.ico"/>Schedule Note with Shipyard DVM</button>
<br>
or
<br>
@ -451,7 +453,7 @@ const submitHandler = async () => {
.d-Input {
@apply bg-black hover:bg-gray-900 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
width: 300px;
width: 500px;
color: white;
background: black;

View File

@ -18,6 +18,7 @@ onClickOutside(target, ()=>emit('modal-close'))
</script>
<template>
<div v-if="isOpen" class="modal-mask" >
<div class="modal-wrapper" >
<div class="modal-container" ref="target">
@ -55,7 +56,7 @@ onClickOutside(target, ()=>emit('modal-close'))
.modal-container {
@apply bg-base-200;
width: 600px;
margin: 200px auto;
margin: 15% auto;
padding: 20px 30px;
border-radius: 2px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);