ui(vacation): 날짜 숫자 20px + 칸 높이 125px + 신청 버튼 글자 흰색

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-05-30 08:36:21 +09:00
parent bec9c5e5a6
commit 8562c4f65d
6 changed files with 11 additions and 8 deletions
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530b" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530c" />{% endblock %}
{% block content %}
<section class="vac">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530b" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530c" />{% endblock %}
{% block content %}
<section class="vac">
@@ -68,4 +68,4 @@
</section>
{% endblock %}
{% block scripts %}<script src="/static/vacation.js?v=20260530b" defer></script>{% endblock %}
{% block scripts %}<script src="/static/vacation.js?v=20260530c" defer></script>{% endblock %}
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530b" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530c" />{% endblock %}
{% block content %}
<section class="vac">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530b" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530c" />{% endblock %}
{% block content %}
<section class="vac">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530b" />{% endblock %}
{% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530c" />{% endblock %}
{% block content %}
<section class="vac">
+5 -2
View File
@@ -14,6 +14,9 @@
.vac { display: flex; flex-direction: column; gap: 16px; }
/* 검정 배경 버튼 글자 흰색 강제 */
.vac .erp-btn-primary { color: #fff !important; }
/* ── 페이지 액션 + 잔여 요약 ── */
.vac-actions {
display: flex; align-items: center; justify-content: space-between;
@@ -71,13 +74,13 @@
display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));
}
.vac-day {
aspect-ratio: 1 / 1; /* 정사각형 */
height: 125px;
border-right: 1px solid var(--vac-ash);
padding: 6px 8px; text-decoration: none;
display: block; box-sizing: border-box;
}
.vac-day:last-child { border-right: none; }
.vac-day-num { font-size: 16px; font-weight: 600; color: var(--vac-black); }
.vac-day-num { font-size: 20px; font-weight: 600; color: var(--vac-black); }
.vac-out { background: #fafafa; }
.vac-out .vac-day-num { color: #bbb; }
.vac-today { background: #f5f5f5; }