fix(cupang): 달력 칸이 겹치던 문제 — 칸에 box-sizing: border-box

전역 border-box 가 없어 height:100% + padding/border 가 고정 행 높이를 넘어
아래 주와 겹쳤다.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-02 14:40:59 +09:00
parent bf8f36bc40
commit 76ba2eb8bf
6 changed files with 8 additions and 5 deletions
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903l" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903m" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903l" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903m" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903l" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903m" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903l" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903m" />{% endblock %}
{% block content %} {% block content %}
<section class="cpg"> <section class="cpg">
@@ -1,6 +1,6 @@
{% extends "erp_base.html" %} {% extends "erp_base.html" %}
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903l" />{% endblock %} {% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260903m" />{% endblock %}
{% block content %} {% block content %}
{# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #} {# 출고 묶음 보기 — 상자 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}
+3
View File
@@ -1125,6 +1125,9 @@ body.cpg-dragging { cursor: grabbing; user-select: none; }
.cpg-mcal-cell { .cpg-mcal-cell {
position: relative; position: relative;
display: flex; flex-direction: column; align-items: center; gap: 4px; display: flex; flex-direction: column; align-items: center; gap: 4px;
/* 이 프로젝트엔 전역 border-box 가 없다. height:100% + padding 이 행 높이를
넘어 칸이 겹치던 문제를 막으려면 여기서 box-sizing 을 지정해야 한다. */
box-sizing: border-box;
height: 100%; min-height: 0; min-width: 0; padding: 6px 4px 7px; height: 100%; min-height: 0; min-width: 0; padding: 6px 4px 7px;
justify-content: flex-start; justify-content: flex-start;
border: 1px solid var(--color-subtle-ash); border: 1px solid var(--color-subtle-ash);