vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-11 05:13:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(): add challenge label to support translations

Browse Source
This commit is contained in:
Eduardo Roth
2023-12-19 16:47:30 -06:00
parent 7a84ddec49
commit 1631a51894
58 changed files with 141 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/src/components/PageTitle.astro
View File

@@ -2,12 +2,13 @@
import type { Props } from '@astrojs/starlight/props';
import Default from '@astrojs/starlight/components/PageTitle.astro';
const challengeNumber = Astro.props.entry.data.challengeNumber;
const {label: challengeLabel, number: challengeNumber} = Astro.props.entry.data.challenge;
---
<div class="page-title-content">
<Default {...Astro.props}><slot /></Default>
{challengeNumber && <div class="chip">Challenge #{challengeNumber}</div> }
{challengeNumber && <div class="chip">{challengeLabel} #{challengeNumber}</div> }
</div>
<style>
@@ -22,7 +23,7 @@ const challengeNumber = Astro.props.entry.data.challengeNumber;
flex-direction: column;
align-items: flex-start;
}
}
}
.chip {
border-width: 1px;
@@ -36,4 +37,4 @@ const challengeNumber = Astro.props.entry.data.challengeNumber;
height: fit-content;
margin-top: 1rem;
}
</style>
</style>