Skip to content

Commit 9dd65cc

Browse files
EstrellaXDclaude
andcommitted
fix(ui): widen unknown column in calendar layout
Make the "unknown" day column span 2 grid columns and display items in a grid layout for better use of space. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1 parent ef45681 commit 9dd65cc

1 file changed

Lines changed: 15 additions & 1 deletion

File tree

webui/src/pages/index/calendar.vue

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,10 @@ function onRuleSelect(rule: BangumiRule) {
161161
v-for="(key, index) in [...DAY_KEYS, 'unknown']"
162162
:key="key"
163163
class="calendar-column anim-slide-up"
164-
:class="{ 'calendar-column--today': key !== 'unknown' && isToday(index) }"
164+
:class="{
165+
'calendar-column--today': key !== 'unknown' && isToday(index),
166+
'calendar-column--unknown': key === 'unknown'
167+
}"
165168
:style="{ '--delay': `${index * 0.05}s` }"
166169
>
167170
<!-- Day header -->
@@ -432,6 +435,11 @@ function onRuleSelect(rule: BangumiRule) {
432435
border-color: var(--color-primary);
433436
box-shadow: 0 0 0 1px var(--color-primary-light);
434437
}
438+
439+
&--unknown {
440+
grid-column: span 2;
441+
background: var(--color-surface-hover);
442+
}
435443
}
436444
437445
.calendar-day-header {
@@ -477,6 +485,12 @@ function onRuleSelect(rule: BangumiRule) {
477485
flex-direction: column;
478486
gap: 8px;
479487
flex: 1;
488+
489+
.calendar-column--unknown & {
490+
display: grid;
491+
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
492+
gap: 10px;
493+
}
480494
}
481495
482496
// Card wrapper for badge positioning

0 commit comments

Comments
 (0)