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" %} {% 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 %} {% block content %}
<section class="vac"> <section class="vac">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% 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 %} {% block content %}
<section class="vac"> <section class="vac">
@@ -68,4 +68,4 @@
</section> </section>
{% endblock %} {% 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" %} {% 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 %} {% block content %}
<section class="vac"> <section class="vac">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% 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 %} {% block content %}
<section class="vac"> <section class="vac">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% 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 %} {% block content %}
<section class="vac"> <section class="vac">
+5 -2
View File
@@ -14,6 +14,9 @@
.vac { display: flex; flex-direction: column; gap: 16px; } .vac { display: flex; flex-direction: column; gap: 16px; }
/* 검정 배경 버튼 글자 흰색 강제 */
.vac .erp-btn-primary { color: #fff !important; }
/* ── 페이지 액션 + 잔여 요약 ── */ /* ── 페이지 액션 + 잔여 요약 ── */
.vac-actions { .vac-actions {
display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between;
@@ -71,13 +74,13 @@
display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));
} }
.vac-day { .vac-day {
aspect-ratio: 1 / 1; /* 정사각형 */ height: 125px;
border-right: 1px solid var(--vac-ash); border-right: 1px solid var(--vac-ash);
padding: 6px 8px; text-decoration: none; padding: 6px 8px; text-decoration: none;
display: block; box-sizing: border-box; display: block; box-sizing: border-box;
} }
.vac-day:last-child { border-right: none; } .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 { background: #fafafa; }
.vac-out .vac-day-num { color: #bbb; } .vac-out .vac-day-num { color: #bbb; }
.vac-today { background: #f5f5f5; } .vac-today { background: #f5f5f5; }