zgy/zhaoguiyang.site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): improve blog list and terminal mockup responsiveness

Browse Source 
- Make terminal mockup full width on all screen sizes
- Add empty state handling for blog list with visual feedback
- Maintain consistent styling across language versions
This commit is contained in:
joyzhao
2025-06-19 18:53:05 +08:00
parent 6c5813ecd2
commit c064c8a1c5
3 changed files with 92 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/index.astro
View File

@@ -109,7 +109,7 @@ const pageTitle = t('site.title');
</div>
<!-- Terminal mockup -->
<div class="max-w-4xl mx-auto">
<div class="max-w-full mx-auto">
<div class="bg-gray-900/90 backdrop-blur-sm rounded-lg border border-gray-700/50 shadow-2xl overflow-hidden">
<!-- Terminal header -->
<div class="flex items-center justify-between px-4 py-3 bg-gray-800/50 border-b border-gray-700/50">

3
src/pages/zh/index.astro
View File

@@ -107,10 +107,9 @@ const pageTitle = t('site.title');
</a>
</div>
</div>
</Container>
<!-- Terminal mockup -->
<div class="max-w-4xl mx-auto">
<div class="max-w-full mx-auto">
<div class="bg-gray-900/90 backdrop-blur-sm rounded-lg border border-gray-700/50 shadow-2xl overflow-hidden">
<!-- Terminal header -->
<div class="flex items-center justify-between px-4 py-3 bg-gray-800/50 border-b border-gray-700/50">