Merge 5084d2dcb2 into 6899603eb7

Change the LIMIT to 100 to ensure enough data for even a 4K display (3840px wide)
Standardize column size to col-6 and expand heart beat area
2024-11-30 18:24:03 +00:00 · 2024-11-09 15:30:21 +00:00 · 2024-10-24 15:56:06 +00:00 · 2024-10-24 15:50:15 +00:00
3 changed files with 5 additions and 5 deletions
--- a/server/routers/status-page-router.js
+++ b/server/routers/status-page-router.js
@ -85,7 +85,7 @@ router.get("/api/status-page/heartbeat/:slug", cache("1 minutes"), async (reques
                    SELECT * FROM heartbeat
                    WHERE monitor_id = ?
                    ORDER BY time DESC
-                    LIMIT 50
+                    LIMIT 100
            `, [
                monitorID,
            ]);
--- a/src/components/MonitorListItem.vue
+++ b/src/components/MonitorListItem.vue
@ -14,7 +14,7 @@
            <router-link :to="monitorURL(monitor.id)" class="item" :class="{ 'disabled': ! monitor.active }">
                <div class="row">
-                    <div class="col-9 col-md-8 small-padding" :class="{ 'monitor-item': $root.userHeartbeatBar == 'bottom' || $root.userHeartbeatBar == 'none' }">
+                    <div class="col-6 small-padding" :class="{ 'monitor-item': $root.userHeartbeatBar == 'bottom' || $root.userHeartbeatBar == 'none' }">
                        <div class="info">
                            <Uptime :monitor="monitor" type="24" :pill="true" />
                            <span v-if="hasChildren" class="collapse-padding" @click.prevent="changeCollapsed">
@ -26,7 +26,7 @@
                            <Tag v-for="tag in monitor.tags" :key="tag" :item="tag" :size="'sm'" />
                        </div>
                    </div>
-                    <div v-show="$root.userHeartbeatBar == 'normal'" :key="$root.userHeartbeatBar" class="col-3 col-md-4">
+                    <div v-show="$root.userHeartbeatBar == 'normal'" :key="$root.userHeartbeatBar" class="col-6">
                        <HeartbeatBar ref="heartbeatBar" size="small" :monitor-id="monitor.id" />
                    </div>
                </div>
--- a/src/components/PublicGroupList.vue
+++ b/src/components/PublicGroupList.vue
@ -33,7 +33,7 @@
                        <template #item="monitor">
                            <div class="item" data-testid="monitor">
                                <div class="row">
-                                    <div class="col-9 col-md-8 small-padding">
+                                    <div class="col-6 small-padding">
                                        <div class="info">
                                            <font-awesome-icon v-if="editMode" icon="arrows-alt-v" class="action drag me-3" />
                                            <font-awesome-icon v-if="editMode" icon="times" class="action remove me-3" @click="removeMonitor(group.index, monitor.index)" />
@ -71,7 +71,7 @@
                                            </div>
                                        </div>
                                    </div>
-                                    <div :key="$root.userHeartbeatBar" class="col-3 col-md-4">
+                                    <div :key="$root.userHeartbeatBar" class="col-6">
                                        <HeartbeatBar size="mid" :monitor-id="monitor.element.id" />
                                    </div>
                                </div>
Author	SHA1	Message	Date
Ryo Hanafusa	e31762d676	Merge `5084d2dcb2` into `6899603eb7`	2024-11-09 15:30:21 +00:00
Ryo Hanafusa	5084d2dcb2	Change the LIMIT to 100 to ensure enough data for even a 4K display (3840px wide)	2024-10-24 15:56:06 +00:00
Ryo Hanafusa	dfb921b319	Standardize column size to `col-6` and expand heart beat area	2024-10-24 15:50:15 +00:00