ui(vacation): 오늘 날짜 pill 배경을 요일색(빨강/파랑/검정)에 맞춰 흰글씨

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-05-30 08:54:11 +09:00
parent 8ab5223790
commit 1806c75ecb
6 changed files with 12 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=20260530e" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530f" />{% 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=20260530d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530f" />{% 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=20260530d" defer></script>{% endblock %} {% block scripts %}<script src="/static/vacation.js?v=20260530f" 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=20260530d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530f" />{% 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=20260530d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530f" />{% 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=20260530d" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/vacation.css?v=20260530f" />{% endblock %}
{% block content %} {% block content %}
<section class="vac"> <section class="vac">
+6 -2
View File
@@ -85,9 +85,13 @@
.vac-out .vac-day-num { color: #bbb; } .vac-out .vac-day-num { color: #bbb; }
.vac-today { background: #f5f5f5; } .vac-today { background: #f5f5f5; }
.vac-today .vac-day-num { .vac-today .vac-day-num {
background: var(--vac-black); color: #fff; border-radius: 9999px; background: var(--vac-black);
padding: 2px 9px; color: #fff !important; /* vac-red/vac-blue 글자색(!important) 이김 */
border-radius: 9999px; padding: 2px 9px;
} }
/* 오늘이 일/공휴일=빨강배경, 토요일=파랑배경, 평일=검정배경 (모두 흰글씨) */
.vac-today .vac-day-num.vac-red { background: var(--vac-red); }
.vac-today .vac-day-num.vac-blue { background: var(--vac-blue); }
.vac-selected { box-shadow: inset 0 0 0 2px var(--vac-black); } .vac-selected { box-shadow: inset 0 0 0 2px var(--vac-black); }
.vac-red { color: var(--vac-red) !important; } .vac-red { color: var(--vac-red) !important; }
.vac-blue { color: var(--vac-blue) !important; } .vac-blue { color: var(--vac-blue) !important; }