Skip to content

Commit

Permalink
feat: add see all link to latest news section
Browse files Browse the repository at this point in the history
  • Loading branch information
pataruco committed Feb 9, 2025
1 parent 390c99b commit 4f470d8
Show file tree
Hide file tree
Showing 4 changed files with 25 additions and 2 deletions.
3 changes: 1 addition & 2 deletions website/src/components/page-header/index.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -70,12 +70,11 @@ $mobile-curve: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fil
&::before {
background-image: url($desktop-curve);
background-repeat: no-repeat;
background-size: contain;
background-size: contain !important;
content: ' ';
display: block;
inset: 0;
left: -1px;
bottom: -1px;
position: absolute;
}

Expand Down
5 changes: 5 additions & 0 deletions website/src/components/page-latest-news/index.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
list-style-type: none;
padding: 0;
margin: 0;
margin-block-end: var(--spacing-4);
}

li:not(:last-of-type) {
Expand Down Expand Up @@ -57,4 +58,8 @@

@include text-styles.header-4;
}

& &__see-all:is(a) {
@include text-styles.text-link;
}
}
6 changes: 6 additions & 0 deletions website/src/components/page-latest-news/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -92,6 +92,12 @@ const PageLatestNews: React.FC<PageLatestNewsProps> = async ({ lang }) => {
</li>
))}
</ul>
<Link
href={`/${lang}/news`}
className={styles['latest-news-content__see-all']}
>
See all
</Link>
</div>
);
};
Expand Down
13 changes: 13 additions & 0 deletions website/src/styles/_text-styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,19 @@
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;

&:hover {
color: var(--foreground-interactive-hover);
}

&:hover,
focus {
color: var(--foreground-interactive-hover);
}

&:active {
color: var(--foreground-interactive-press_active);
}
}

@mixin text-small {
Expand Down

0 comments on commit 4f470d8

Please sign in to comment.