localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

main 달력 css 수정

Browse Source
This commit is contained in:
nevermoregb 2025-04-01 18:51:03 +09:00
parent fabda99d78
commit 61767d6b68
3 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/main/MainEventBoard.vue
View File

@ -1,7 +1,9 @@
<template>
<div class="ms-1">
<span class="d-flex align-items-center g-2"><i class="bx bx-map"></i>{{ place }}</span>
<span class="d-flex align-items-center g-2"><i class="bx bx-time-five"></i> {{ $common.dateFormatter(time, 'T') }}</span>
<div class="ps-4">
<span class="d-flex align-items-center g-2 font_767"><i class="bx bx-map pe-1"></i>{{ place }}</span>
<span class="d-flex align-items-center g-2 font_767"
><i class="bx bx-time-five pe-1"></i>{{ $common.dateFormatter(time, 'T') }}</span
>
</div>
</template>
@ -19,3 +21,10 @@
},
};
</script>
<style>
@media (max-width: 767px) {
.font_767 {
font-size: 2rem;
}
}
</style>

7
src/components/main/MainEventList.vue
View File

@ -22,7 +22,10 @@
/>
</div>
</div>
<div v-if="category.CMNCODVAL === 300201 || category.CMNCODVAL === 300202" class="col-9 mx-0 px-0">
<div
v-if="category.CMNCODVAL === 300201 || category.CMNCODVAL === 300202"
class="col-9 mx-0 px-0 d-flex align-items-center"
>
<template v-if="category.CMNCODVAL === 300201">
<MainMemberProfile :members="birthdayList" :baseUrl="baseUrl" />
</template>
@ -30,7 +33,7 @@
<MainMemberProfile :members="vacationList" :baseUrl="baseUrl" />
</template>
</div>
<div v-else class="col-9 mx-0 px-0 d-flex flex-column align-items-center">
<div v-else class="col-9 mx-0 px-0 d-flex align-items-center">
<template v-if="category.CMNCODVAL === 300203">
<MainEventBoard :place="birthdayPartyList[0].LOCEVTPLC" :time="birthdayPartyList[0].LOCEVTTME" />
</template>

4
src/components/main/MainMemberProfile.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="ms-2">
<ul class="row gx-1 mb-0 list-inline d-flex align-items-center">
<div class="ms-2" style="flex: 1">
<ul class="row gx-1 mb-0 list-inline">
<li class="col-4 me-0" v-for="(member, index) in members" :key="index">
<div class="ratio ratio-1x1 mb-0 profile-list">
<img