diff --git a/pages/calendar/calendar.pixy b/pages/calendar/calendar.pixy index 4848fd8b..6f698c19 100644 --- a/pages/calendar/calendar.pixy +++ b/pages/calendar/calendar.pixy @@ -5,6 +5,8 @@ component Calendar(days []*utils.CalendarDay, user *arn.User) each day in days .weekday h3.weekday-name= day.Name - ol + .calendar-entries each entry in day.Entries - li= entry.Anime.Title.ByUser(user) + " (Ep: " + strconv.Itoa(entry.Episode.Number) + ")" \ No newline at end of file + .calendar-entry + .calendar-entry-title= entry.Anime.Title.ByUser(user) + .calendar-entry-episode= "Ep: " + strconv.Itoa(entry.Episode.Number) \ No newline at end of file diff --git a/pages/calendar/calendar.scarlet b/pages/calendar/calendar.scarlet index e2254012..89cc1fb5 100644 --- a/pages/calendar/calendar.scarlet +++ b/pages/calendar/calendar.scarlet @@ -2,9 +2,10 @@ vertical .weekday - flex 1 + width 100% text-align left border-bottom 1px solid ui-border-color + padding 0.5rem :last-child border-bottom none @@ -12,11 +13,29 @@ .weekday-name text-align center +.calendar-entries + vertical + +.calendar-entry + ui-element + padding 0.75rem 1rem + margin-bottom 0.5rem + overflow hidden + +.calendar-entry-title + clip-long-text + +.calendar-entry-episode + opacity 0.75 + text-align right + font-size 0.9rem + > 800px .week horizontal .weekday + width 14.2857% border-bottom none border-right 1px solid ui-border-color