feat: style load more button

farscrl · Dec 14, 2023 · 5705259 · 5705259
1 parent 63dd5d1
commit 5705259
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 8 deletions.
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
@@ -56,7 +56,7 @@ <h2>{{cat.formattedDateShort}} <span class="weekday">{{ cat.formattedWeekday }}<
 </ng-container>
 
 <div class="text-center pb-5" *ngIf="!eventsFilterService.isSearching">
-    <button class="clndr load-next-page" (click)="eventsFilterService.loadNextPage()"
+    <button class="clndr accent load-next-page" (click)="eventsFilterService.loadNextPage()"
             *ngIf="eventsFilterService.hasMorePages">
         {{ 'EVENT_LIST.LOAD_MORE' | translate }}
     </button>

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
@@ -141,9 +141,7 @@ li app-event-card {
 .load-next-page {
     margin: 0;
     padding: 1rem 3rem;
-    border-radius: 5px;
-    border: 1px solid var(--accent);
-    color: var(--accent);
+    font-weight: normal;
 }
 
 @include media-breakpoint-up(lg) {

diff --git a/src/app/components/events/events-list/events-list-table/events-list-table.component.html b/src/app/components/events/events-list/events-list-table/events-list-table.component.html
@@ -57,7 +57,7 @@ <h2>{{cat.formattedDateShort}}</h2>
 </ng-container>
 
 <div class="text-center pb-5" *ngIf="!eventsFilterService.isSearching">
-    <button class="clndr load-next-page" (click)="eventsFilterService.loadNextPage()"
+    <button class="clndr accent load-next-page" (click)="eventsFilterService.loadNextPage()"
             *ngIf="eventsFilterService.hasMorePages">{{ 'EVENT_LIST.LOAD_MORE' | translate }}
     </button>
 </div>
diff --git a/src/app/components/events/events-list/events-list-table/events-list-table.component.scss b/src/app/components/events/events-list/events-list-table/events-list-table.component.scss
@@ -128,8 +128,6 @@ li {
 .load-next-page {
     margin: 0;
     padding: 1rem 3rem;
-    border-radius: 5px;
-    border: 1px solid var(--accent);
-    color: var(--accent);
+    font-weight: normal;
 }