365DevNet/365devnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update translations and development page for consistency and clarity

Browse Source 
- Changed the title in translations.ts to '365DevNet Ecosystem: Development Overview' for better alignment with the page content.
- Updated the heading style in development.astro for improved responsiveness and visual hierarchy.
- Adjusted padding and layout in mobile commit info area for enhanced user experience.
This commit is contained in:
Richard Bergsma
2025-06-07 13:25:33 +02:00
parent ec0dacc5e2
commit a268031b34
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/[lang]/development.astro
View File

@@ -112,7 +112,7 @@ const formatDate = (dateString) => {
<Layout metadata={metadata}>
<div class="max-w-4xl mx-auto px-4 py-8">
<h1 class="text-4xl font-bold mb-4">{t.development.title || 'Development Progress'}</h1>
<h1 class="text-xl sm:text-2xl md:text-4xl font-bold mb-4">{t.development.title || 'Development Progress'}</h1>
{/* Collapsible Intro */}
<CollapsibleIntro text={t.development.intro} client:only="react" />
{/* Contribution Calendar */}
@@ -173,14 +173,14 @@ const formatDate = (dateString) => {
)}
</div>
{/* Mobile commit info area, visually separated and two rows with left/right alignment */}
<div class="md:hidden border-t border-gray-200 dark:border-gray-700 pt-3 px-1 bg-gray-50 dark:bg-slate-800 rounded-b-xl text-xs text-gray-700 dark:text-gray-300">
<div class="flex flex-row justify-between items-center mb-1">
<div class="md:hidden border-t border-gray-200 dark:border-gray-700 pt-3 px-3 bg-gray-50 dark:bg-slate-800 rounded-b-xl text-xs text-gray-700 dark:text-gray-300">
<div class="flex flex-row justify-between items-center mb-1 gap-3">
<span class="font-semibold">{commit.date ? formatDate(commit.date) : ''}</span>
{commit.author && (
<span>{commit.author === 'becarta' ? 'Richard Bergsma' : commit.author}</span>
)}
</div>
<div class="flex flex-row justify-between items-center">
<div class="flex flex-row justify-between items-center gap-3">
{commit.repo && (
<span>
<a href={commit.repo_url} target="_blank" rel="noopener">{commit.repo}</a>
@@ -189,7 +189,7 @@ const formatDate = (dateString) => {
{commit.sha && (
<a href={commit.compare_url} target="_blank" rel="noopener">
<span class="sr-only">Commit:</span>
<code class="px-3 py-1 rounded-full bg-blue-50 dark:bg-blue-900 border border-blue-200 dark:border-blue-700 font-mono text-xs text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-800 transition-colors cursor-pointer">
<code class="px-3 py-1 rounded-full bg-blue-50 dark:bg-blue-900 border border-blue-200 dark:border-blue-700 font-mono text-xs text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-800 transition-colors cursor-pointer max-w-[130px] overflow-x-auto whitespace-nowrap block">
{commit.sha.slice(0, 7)}
</code>
</a>