mirrors/gatus
1
0
Fork 0
mirror of https://github.com/TwiN/gatus.git synced 2026-02-04 15:14:43 +00:00
Code Activity

fix(ui): Move announcements above endpoints search bar (#1210)

Browse Source
This commit is contained in:
TwiN
2025-08-19 07:32:04 -04:00
committed by GitHub
parent 6d579a4b48
commit d37f71eee7
5 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/src/components/AnnouncementBanner.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div v-if="announcements && announcements.length" class="announcement-container mb-4"> <div v-if="announcements && announcements.length" class="announcement-container mb-6">
<div <div
:class="[ :class="[
'rounded-lg border bg-card text-card-foreground shadow-sm transition-all duration-200', 'rounded-lg border bg-card text-card-foreground shadow-sm transition-all duration-200',

2
web/app/src/views/Details.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="dashboard-container bg-background"> <div class="dashboard-container bg-background">
<div class="container mx-auto px-4 py-8 max-w-7xl"> <div class="container mx-auto px-4 py-8 max-w-7xl">
<div class="mb-8"> <div class="mb-6">
<Button variant="ghost" class="mb-4" @click="goBack"> <Button variant="ghost" class="mb-4" @click="goBack">
<ArrowLeft class="h-4 w-4 mr-2" /> <ArrowLeft class="h-4 w-4 mr-2" />
Back to Dashboard Back to Dashboard

11
web/app/src/views/Home.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="dashboard-container bg-background"> <div class="dashboard-container bg-background">
<div class="container mx-auto px-4 py-8 max-w-7xl"> <div class="container mx-auto px-4 py-8 max-w-7xl">
<div class="mb-8"> <div class="mb-6">
<div class="flex items-center justify-between mb-6"> <div class="flex items-center justify-between mb-6">
<div> <div>
<h1 class="text-4xl font-bold tracking-tight">Health Dashboard</h1> <h1 class="text-4xl font-bold tracking-tight">Health Dashboard</h1>
@@ -22,7 +22,9 @@
</Button> </Button>
</div> </div>
</div> </div>
<!-- Announcement Banner -->
<AnnouncementBanner :announcements="props.announcements" />
<!-- Search bar -->
<SearchBar <SearchBar
@search="handleSearch" @search="handleSearch"
@update:showOnlyFailing="showOnlyFailing = $event" @update:showOnlyFailing="showOnlyFailing = $event"
@@ -33,11 +35,6 @@
/> />
</div> </div>
<!-- Announcements Banner -->
<AnnouncementBanner :announcements="props.announcements" />
<div>
</div>
<div v-if="loading" class="flex items-center justify-center py-20"> <div v-if="loading" class="flex items-center justify-center py-20">
<Loading size="lg" /> <Loading size="lg" />
</div> </div>

2
web/static/css/app.css
View File

File diff suppressed because one or more lines are too long

2
web/static/js/app.js
View File

File diff suppressed because one or more lines are too long