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

사원등록 mbti 추가

Browse Source
This commit is contained in:
nevermoregb 2025-04-07 11:13:11 +09:00
parent 2e94e96d5f
commit feb10ebae5
2 changed files with 28 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/css/custom.css
View File

@ -24,7 +24,6 @@
font-size: 18px; font-size: 18px;
} }
@keyframes new { @keyframes new {
0% { 0% {
background-color: #ffcc00; background-color: #ffcc00;
@ -43,7 +42,6 @@
/* board end */ /* board end */
/* Qeditor */ /* Qeditor */
.ql-editor { .ql-editor {
min-height: 300px; min-height: 300px;
@ -587,7 +585,7 @@
scrollbar-width: none; scrollbar-width: none;
} }
.fc-daygrid-day[data-has-commuters="true"] { .fc-daygrid-day[data-has-commuters='true'] {
cursor: pointer; cursor: pointer;
} }
@ -698,7 +696,6 @@
/* Mobile end */ /* Mobile end */
/* media end */ /* media end */
/* BoardComment */ /* BoardComment */
.beforeRotate { .beforeRotate {
@ -769,22 +766,22 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: #ccc; background-color: #ccc;
transition: .4s; transition: 0.4s;
border-radius: 24px; border-radius: 24px;
} }
.slider:before { .slider:before {
position: absolute; position: absolute;
content: ""; content: '';
height: 18px; height: 18px;
width: 18px; width: 18px;
left: 4px; left: 4px;
bottom: 3px; bottom: 3px;
background-color: white; background-color: white;
transition: .4s; transition: 0.4s;
border-radius: 50%; border-radius: 50%;
} }
input:checked + .slider { input:checked + .slider {
background-color: #4CAF50; background-color: #4caf50;
} }
input:checked + .slider:before { input:checked + .slider:before {
@ -792,7 +789,6 @@ input:checked + .slider:before {
} }
/* 권한부여 끝 */ /* 권한부여 끝 */
/* toast */ /* toast */
.bs-toast { .bs-toast {
@ -802,14 +798,14 @@ input:checked + .slider:before {
/* toast end */ /* toast end */
.cursor-none{ .cursor-none {
cursor: none !important; cursor: none !important;
} }
.ml-1 { .ml-1 {
margin-left: 0.25rem !important; margin-left: 0.25rem !important;
} }
.mr-1{ .mr-1 {
margin-right: 0.25rem !important; margin-right: 0.25rem !important;
} }
@ -817,4 +813,9 @@ input:checked + .slider:before {
white-space: nowrap; white-space: nowrap;
max-width: 100px; max-width: 100px;
vertical-align: middle; vertical-align: middle;
} }
/* font css */
.font-bold {
font-weight: bold;
}

21
src/components/main/MemberManagement.vue
View File

@ -18,14 +18,23 @@
/> />
</div> </div>
<div class="col-7"> <div class="col-7">
<!-- 날짜 -->
<div class="d-flex flex-sm-row align-items-center pb-2"> <div class="d-flex flex-sm-row align-items-center pb-2">
<div class="">{{ member.MEMBERNAM }}</div> <div class="font-bold">{{ member.MEMBERNAM }}</div>
<div class="ms-2">
(
{{ member.MBTI }}
)
<img
role="img"
class="w-px-30 h-px-40"
:src="`/img/mbti/${member.MBTI.toLowerCase()}.png`"
alt="MBTI image"
/>
</div>
</div> </div>
<!-- 참여자 -->
<div class="d-flex flex-sm-row align-items-center pb-2"> <div class="d-flex flex-sm-row align-items-center pb-2">
<i class="bx bxs-envelope"></i> <i class="bx bx-id-card"></i>
<div class="ms-2">{{ member.MEMBERIDS }}@local-host.co.kr</div> <div class="ms-2">{{ member.MEMBERIDS }}</div>
</div> </div>
<div class="d-flex flex-sm-row align-items-center pb-2"> <div class="d-flex flex-sm-row align-items-center pb-2">
<i class="bx bxs-phone"></i> <i class="bx bxs-phone"></i>
@ -33,7 +42,7 @@
</div> </div>
<div class="d-flex flex-sm-row align-items-center pb-2"> <div class="d-flex flex-sm-row align-items-center pb-2">
<i class="bx bx-calendar"></i> <i class="bx bx-calendar"></i>
<div class="ms-2">{{ $common.dateFormatter(member.MEMBERRDT) }}</div> <div class="ms-2">{{ $common.dateFormatter(member.MEMBERCDT) }}</div>
</div> </div>
</div> </div>
<div class="col-2 d-flex align-items-center"> <div class="col-2 d-flex align-items-center">