From 92d2a7715cf11c344a35c1e63c12c600a2c441d7 Mon Sep 17 00:00:00 2001 From: gil Date: Tue, 5 Dec 2023 18:06:29 -0300 Subject: [PATCH] Add cursor pointer at images and Load More purpose --- src/app/components/big-card/big-card.component.css | 7 +++++++ src/app/components/big-card/big-card.component.html | 3 +++ src/app/components/menu-title/menu-title.component.html | 2 +- src/app/components/small-card/small-card.component.css | 1 + src/app/components/small-card/small-card.component.html | 1 + 5 files changed, 13 insertions(+), 1 deletion(-) diff --git a/src/app/components/big-card/big-card.component.css b/src/app/components/big-card/big-card.component.css index ab17248d3..34b1794c4 100644 --- a/src/app/components/big-card/big-card.component.css +++ b/src/app/components/big-card/big-card.component.css @@ -26,6 +26,13 @@ } .big-card__photo > img{ + cursor: pointer; width: 100%; min-width: 400px; } + +.load-more { + cursor: pointer; + justify-content: flex-start; + text-align: center; +} diff --git a/src/app/components/big-card/big-card.component.html b/src/app/components/big-card/big-card.component.html index 8a8e9d46c..8a21dac7e 100644 --- a/src/app/components/big-card/big-card.component.html +++ b/src/app/components/big-card/big-card.component.html @@ -6,6 +6,7 @@ alt="" height="200px" srcset="" + [routerLink]="['content', Id]" > @@ -22,3 +23,5 @@

{{ cardTitle }}

+ +
Load More
\ No newline at end of file diff --git a/src/app/components/menu-title/menu-title.component.html b/src/app/components/menu-title/menu-title.component.html index 4b89842ca..bce2b582d 100644 --- a/src/app/components/menu-title/menu-title.component.html +++ b/src/app/components/menu-title/menu-title.component.html @@ -1,5 +1,5 @@

-

MARVEL BLOG

+

HEROES BLOG


diff --git a/src/app/components/small-card/small-card.component.css b/src/app/components/small-card/small-card.component.css index ba5f22388..43f5a84ae 100644 --- a/src/app/components/small-card/small-card.component.css +++ b/src/app/components/small-card/small-card.component.css @@ -9,6 +9,7 @@ } .small-card__photo > img { + cursor: pointer; width: 200px; min-width: 200px; margin-right: 20px; diff --git a/src/app/components/small-card/small-card.component.html b/src/app/components/small-card/small-card.component.html index 14e67d708..27b4a75dd 100644 --- a/src/app/components/small-card/small-card.component.html +++ b/src/app/components/small-card/small-card.component.html @@ -6,6 +6,7 @@ src="{{ photoCover }}" alt="" srcset="" + [routerLink]="['content', Id]" >