Skip to content
This repository was archived by the owner on Apr 17, 2022. It is now read-only.

Commit 32bbfba

Browse files
committed
refactor: Calendar header style
1 parent 016fa70 commit 32bbfba

File tree

2 files changed

+8
-1
lines changed

2 files changed

+8
-1
lines changed

src/Vue3DatePicker/components/Calendar.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
<div class="dp__calendar_header_item" v-if="weekNumbers">{{ weekNumName }}</div>
2828
<div class="dp__calendar_header_item" v-for="(dayVal, i) in weekDays" :key="i">{{ dayVal }}</div>
2929
</div>
30+
<div class="dp__calendar_header_separator"></div>
3031
<div class="dp__calendar">
3132
<div class="dp__calendar_row" v-for="(week, weekInd) in mappedDates" :key="weekInd">
3233
<div v-if="weekNumbers" class="dp__calendar_item dp__week_num">

src/Vue3DatePicker/style/components/_Calendar.scss

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
align-items: center;
1414
color: var(--dp-text-color);
1515
white-space: nowrap;
16-
border-bottom: thin solid var(--dp-border-color);
16+
font-weight: bold;
1717
}
1818

1919
.dp__calendar_header_item {
@@ -154,3 +154,9 @@
154154
@extend %__dp_range_preview;
155155
border-right: 1px dashed var(--dp-primary-color);
156156
}
157+
158+
.dp__calendar_header_separator {
159+
width: 100%;
160+
height: 1px;
161+
background: var(--dp-border-color);
162+
}

0 commit comments

Comments
 (0)