feat: style weekday (experiment)

farscrl · Dec 4, 2023 · e8d0c8b · e8d0c8b
1 parent 8ed77d6
commit e8d0c8b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/app/components/events/events-list/events-list-cards/events-list-cards.component.html b/src/app/components/events/events-list/events-list-cards/events-list-cards.component.html
@@ -39,7 +39,8 @@
 
 <ng-container *ngFor="let cat of categorizedEvents; let i = index">
     <div class="day-title" [class.first]="i === 0">
-        <h2>{{cat.formattedDate}}</h2>
+        <!--<h2>{{cat.formattedDate}}</h2>-->
+        <h2>{{cat.formattedDateShort}} <span class="weekday">{{ cat.formattedWeekday }}</span></h2>
     </div>
     <ul>
         <li *ngFor="let event of cat.events; let i = index">

diff --git a/src/app/components/events/events-list/events-list-cards/events-list-cards.component.scss b/src/app/components/events/events-list/events-list-cards/events-list-cards.component.scss
@@ -68,6 +68,11 @@
     h2 {
         font-size: 1rem;
         margin: 1rem;
+
+        .weekday {
+            font-family: 'Cadiz', sans-serif;
+            margin-left: 16px;
+        }
     }
 
     @include media-breakpoint-up(md) {