46 lines
781 B
Vue
46 lines
781 B
Vue
<script setup>
|
|
|
|
const props = defineProps(['unitydate', 'gregdate'])
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
.todaybound {
|
|
|
|
display: flex; flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding-top: 1.2rem; padding-bottom: 1.2rem;
|
|
gap: 2rem;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
@media (max-width: 720px) {
|
|
|
|
.todaybound {
|
|
|
|
padding: .6rem;
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<template>
|
|
|
|
<div class="todaybound">
|
|
<MainCalendarTodayIs
|
|
:unitydate = unitydate
|
|
:gregdate = gregdate
|
|
/>
|
|
<MainCalendarTodayWeekday
|
|
:unitydate = unitydate
|
|
/>
|
|
<MainCalendarTodayHoliday />
|
|
</div>
|
|
|
|
</template> |