Skip to content

Commit 09fdfd9

Browse files
authored
Merge pull request #103 from banua-coder/hotfix/1.5.2
hotfix: 1.5.2
2 parents 46cb6ea + 5ae0088 commit 09fdfd9

20 files changed

Lines changed: 59 additions & 45 deletions

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "pico-api-docs",
3-
"version": "1.5.1",
3+
"version": "1.5.2",
44
"description": "PICO SulTeng API Documentation - COVID-19 Sulawesi Tengah Data API",
55
"main": "index.js",
66
"scripts": {

src/components/ApiSection.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<div :id="sectionId" class="border-b border-gray-200 dark:border-gray-800">
33
<!-- Section header (full width) -->
44
<div class="px-6 py-6 border-b border-gray-200 dark:border-gray-800">
5-
<div class="flex items-center space-x-3">
6-
<span :class="method === 'GET' ? 'badge-get' : 'badge-post'">{{ method }}</span>
7-
<code class="text-sm font-mono text-gray-700 dark:text-gray-300">{{ endpoint }}</code>
5+
<div class="flex items-center gap-2 flex-wrap min-w-0">
6+
<span :class="method === 'GET' ? 'badge-get' : 'badge-post'" class="shrink-0">{{ method }}</span>
7+
<code class="text-sm font-mono text-gray-700 dark:text-gray-300 break-all min-w-0">{{ endpoint }}</code>
88
</div>
99
<p v-if="description" class="mt-2 text-sm text-gray-600 dark:text-gray-400">{{ description }}</p>
1010
</div>

src/components/CodeBlock.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -267,7 +267,7 @@ onMounted(() => {
267267
.code-block-wrapper {
268268
@apply rounded-lg my-4 transition-colors duration-200;
269269
@apply border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-900;
270-
overflow: hidden; /* keep border-radius clipping */
270+
overflow-x: auto; /* allow horizontal scroll */
271271
max-width: 100%;
272272
}
273273

src/components/ParamsTable.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div class="mt-4">
33
<h4 class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-2">{{ title || t('docs.table.queryParameters') }}</h4>
4-
<div class="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
4+
<div class="border border-gray-200 dark:border-gray-700 rounded-lg overflow-x-hidden">
55
<div class="overflow-x-auto">
66
<table class="params-table">
77
<thead>

src/components/documentation/AuthenticationSection.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<p class="text-base sm:text-lg text-gray-600 dark:text-gray-400">{{ t('documentation.authentication.subtitle') }}</p>
66
</div>
77

8-
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
8+
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-x-hidden">
99
<div class="bg-gradient-to-r from-yellow-600 to-orange-600 px-4 sm:px-6 lg:px-8 py-4 sm:py-6">
1010
<h2 class="text-xl sm:text-2xl font-bold text-white mb-2">{{ t('documentation.authentication.title') }}</h2>
1111
<p class="text-yellow-100">{{ t('documentation.authentication.subtitle') }}</p>

src/components/documentation/ErrorHandlingSection.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<p class="text-base sm:text-lg text-gray-600 dark:text-gray-400">{{ t('documentation.errorHandling.subtitle') }}</p>
66
</div>
77

8-
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
8+
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-x-hidden">
99
<div class="bg-gradient-to-r from-red-600 to-rose-600 px-4 sm:px-6 lg:px-8 py-4 sm:py-6">
1010
<h2 class="text-xl sm:text-2xl font-bold text-white mb-2">{{ t('documentation.errorHandling.title') }}</h2>
1111
<p class="text-red-100">{{ t('documentation.errorHandling.subtitle') }}</p>

src/components/documentation/GlossarySection.vue

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
<div class="grid lg:grid-cols-2 gap-10 lg:gap-16">
2929

3030
<!-- Left Column -->
31-
<div class="space-y-10">
31+
<div class="space-y-10 min-w-0 overflow-x-hidden">
3232

3333
<!-- Definition -->
3434
<div>
@@ -46,17 +46,17 @@
4646
{{ t('documentation.glossary.reproductionRate.interpretation') }}
4747
</h3>
4848
<div class="divide-y divide-gray-100 dark:divide-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl overflow-hidden">
49-
<div class="flex items-center gap-4 px-4 py-3 bg-red-50 dark:bg-red-950/40">
50-
<span class="font-mono text-sm font-bold text-red-600 dark:text-red-400 w-16 shrink-0">Rt &gt; 1</span>
51-
<span class="text-sm text-gray-700 dark:text-gray-300">{{ t('documentation.glossary.reproductionRate.growing') }}</span>
49+
<div class="flex items-center gap-3 px-4 py-3 bg-red-50 dark:bg-red-950/40">
50+
<span class="font-mono text-sm font-bold text-red-600 dark:text-red-400 w-14 shrink-0">Rt &gt; 1</span>
51+
<span class="text-sm text-gray-700 dark:text-gray-300 min-w-0 break-words">{{ t('documentation.glossary.reproductionRate.growing') }}</span>
5252
</div>
53-
<div class="flex items-center gap-4 px-4 py-3 bg-amber-50 dark:bg-amber-950/40">
54-
<span class="font-mono text-sm font-bold text-amber-600 dark:text-amber-400 w-16 shrink-0">Rt = 1</span>
55-
<span class="text-sm text-gray-700 dark:text-gray-300">{{ t('documentation.glossary.reproductionRate.stable') }}</span>
53+
<div class="flex items-center gap-3 px-4 py-3 bg-amber-50 dark:bg-amber-950/40">
54+
<span class="font-mono text-sm font-bold text-amber-600 dark:text-amber-400 w-14 shrink-0">Rt = 1</span>
55+
<span class="text-sm text-gray-700 dark:text-gray-300 min-w-0 break-words">{{ t('documentation.glossary.reproductionRate.stable') }}</span>
5656
</div>
57-
<div class="flex items-center gap-4 px-4 py-3 bg-green-50 dark:bg-green-950/40">
58-
<span class="font-mono text-sm font-bold text-green-600 dark:text-green-400 w-16 shrink-0">Rt &lt; 1</span>
59-
<span class="text-sm text-gray-700 dark:text-gray-300">{{ t('documentation.glossary.reproductionRate.declining') }}</span>
57+
<div class="flex items-center gap-3 px-4 py-3 bg-green-50 dark:bg-green-950/40">
58+
<span class="font-mono text-sm font-bold text-green-600 dark:text-green-400 w-14 shrink-0">Rt &lt; 1</span>
59+
<span class="text-sm text-gray-700 dark:text-gray-300 min-w-0 break-words">{{ t('documentation.glossary.reproductionRate.declining') }}</span>
6060
</div>
6161
</div>
6262
</div>
@@ -110,9 +110,10 @@
110110
<MathFormula formula="I_{t-s} = \text{incidence at time } (t-s)" />
111111
<MathFormula formula="w_s = \text{serial interval probability}" />
112112
</template>
113-
<MathFormula
114-
v-else-if="i === 2" formula="R_t | \text{data} \sim \text{Gamma}\left(a + \sum I_t, \, b + \sum \lambda_t\right)"
115-
/>
113+
<template v-else-if="i === 2">
114+
<MathFormula formula="R_t \mid \text{data} \sim \text{Gamma}\!\left(a + \textstyle\sum I_t,\right." :display-mode="false" />
115+
<MathFormula formula="\left. b + \textstyle\sum \lambda_t\right)" :display-mode="false" />
116+
</template>
116117
<MathFormula
117118
v-else formula="\mathbb{E}[R_t | \text{data}] = \frac{a + \sum I_t}{b + \sum \lambda_t}"
118119
/>
@@ -125,7 +126,7 @@
125126
</div>
126127

127128
<!-- Right Column -->
128-
<div class="space-y-10">
129+
<div class="space-y-10 min-w-0 overflow-x-hidden">
129130

130131
<!-- Practical Example -->
131132
<div>
@@ -184,7 +185,7 @@
184185
</div>
185186

186187
<!-- Bounds -->
187-
<div class="grid grid-cols-2 gap-2">
188+
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
188189
<div class="bg-gray-50 dark:bg-gray-900 rounded p-2 border border-gray-200 dark:border-gray-700 space-y-0.5">
189190
<p class="font-sans font-semibold text-gray-700 dark:text-gray-300 text-[10px] uppercase tracking-wide">{{ t('documentation.glossary.reproductionRate.practicalExample.step3.detailedCalculations.lowerBoundStep.title') }}</p>
190191
<p class="text-gray-600 dark:text-gray-400">{{ t('documentation.glossary.reproductionRate.practicalExample.step3.detailedCalculations.lowerBoundStep.formula') }}</p>
@@ -273,7 +274,7 @@
273274

274275
<div class="grid md:grid-cols-2 gap-10 lg:gap-16">
275276
<!-- Case Classifications -->
276-
<div>
277+
<div class="min-w-0 overflow-x-hidden">
277278
<h3 class="text-xs font-semibold uppercase tracking-widest text-gray-400 dark:text-gray-500 mb-5">
278279
{{ t('documentation.glossary.caseClassifications.title') }}
279280
</h3>

src/components/documentation/HealthCheckSection.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<p class="text-base sm:text-lg text-gray-600 dark:text-gray-400">{{ t('documentation.healthCheck.description') }}</p>
66
</div>
77

8-
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
8+
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-x-hidden">
99
<!-- Endpoint Header -->
1010
<div class="bg-gradient-to-r from-emerald-500 to-green-600 px-4 sm:px-6 lg:px-8 py-4 sm:py-6">
1111
<div class="flex items-center gap-4">

src/components/documentation/HospitalsSection.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
</div>
77

88
<!-- List Hospitals -->
9-
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden mb-8">
9+
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-x-hidden mb-8">
1010
<div class="bg-gradient-to-r from-red-500 to-pink-600 px-4 sm:px-6 lg:px-8 py-4 sm:py-6">
1111
<div class="flex items-center space-x-3 mb-2">
1212
<span class="bg-green-400 text-green-900 text-xs font-bold px-2 py-1 rounded">GET</span>
@@ -66,7 +66,7 @@
6666
</div>
6767

6868
<!-- Get Hospital by Code -->
69-
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
69+
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-x-hidden">
7070
<div class="bg-gradient-to-r from-pink-600 to-rose-600 px-4 sm:px-6 lg:px-8 py-4 sm:py-6">
7171
<div class="flex items-center space-x-3 mb-2">
7272
<span class="bg-green-400 text-green-900 text-xs font-bold px-2 py-1 rounded">GET</span>

src/components/documentation/NationalHistoricalSection.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
</div>
2727

2828
<!-- Endpoint Details -->
29-
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-hidden">
29+
<div class="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl shadow-lg border border-gray-200 dark:border-gray-700 overflow-x-hidden">
3030
<div class="bg-gradient-to-r from-purple-600 to-indigo-600 px-4 sm:px-6 lg:px-8 py-4 sm:py-6">
3131
<div class="flex items-center gap-4">
3232
<span class="bg-white text-purple-700 px-3 py-1 rounded-lg font-mono text-sm font-bold">GET</span>

0 commit comments

Comments
 (0)