Mediusa/ibbcaracas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement comprehensive mobile responsive design system and fix horizontal clipping across all viewport sizes

Browse Source
This commit is contained in:
Mediusa
2026-09-02 15:54:19 -07:00
parent 8fcc825d3b
commit 9e4893c9f9
4 changed files with 976 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+5 -4
View File
@@ -188,6 +188,7 @@
<a href="#faq" data-i18n="faq.title">FAQ</a>
<a href="#location" data-i18n="nav.location">Location</a>
<a href="#contact" data-i18n="nav.contact">Contact</a>
<a href="#rebuilding-fund" class="btn btn-relief mobile-drawer-cta open-donate-modal" data-i18n="nav.relief_cta">Earthquake Relief</a>
</nav>
@@ -1323,8 +1324,8 @@
</div>
</div>
<div style="margin-top: 24px; display: flex; gap: 12px; flex-wrap: wrap;">
<a href="prayer-card.html" target="_blank" class="btn btn-relief" style="flex: 1 1 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none;">
<div class="modal-btn-row">
<a href="prayer-card.html" target="_blank" class="btn btn-relief btn-modal-full" style="display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none;">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
<polyline points="14 2 14 8 20 8"></polyline>
@@ -1334,7 +1335,7 @@
</svg>
<span data-i18n="prayer.btn_sheet">Open Printable 8.5x11 Sheet</span>
</a>
<button onclick="window.print();" class="btn btn-primary" style="flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px;">
<button onclick="window.print();" class="btn btn-primary btn-modal-half" style="display: inline-flex; align-items: center; justify-content: center; gap: 8px;">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 6 2 18 2 18 9"></polyline>
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
@@ -1342,7 +1343,7 @@
</svg>
<span data-i18n="prayer.btn_print">Print / Save as PDF</span>
</button>
<button id="prayer-modal-close-btn" class="btn btn-outline-white" style="flex: 1; color: var(--slate-700); border-color: var(--slate-300);" data-i18n="modal.close">
<button id="prayer-modal-close-btn" class="btn btn-outline-white btn-modal-half" style="color: var(--slate-700); border-color: var(--slate-300);" data-i18n="modal.close">
Close Window
</button>
</div>