extern/gatus
1
0
Fork 0
mirror of https://github.com/TwiN/gatus.git synced 2024-11-21 23:43:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

ui: Improve login page

Browse Source
This commit is contained in:
TwiN 2022-10-17 00:48:40 -04:00
parent a789deb8c2
commit 92b85ee1ab
1 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/app/src/App.vue
View File

@ -27,12 +27,7 @@
<h2 class="mt-4 text-center text-4xl font-extrabold text-gray-800 dark:text-gray-200"> <h2 class="mt-4 text-center text-4xl font-extrabold text-gray-800 dark:text-gray-200">
Gatus Gatus
</h2> </h2>
<div class="mt-8 py-7 px-4 rounded-sm sm:bg-gray-100 sm:border sm:border-gray-300 sm:shadow-2xl sm:px-10"> <div class="py-7 px-4 rounded-sm sm:px-10">
<div class="sm:mx-auto sm:w-full">
<h2 class="mb-3 text-center text-xl font-bold text-gray-600 dark:text-gray-200 dark:sm:text-gray-600 ">
Sign in
</h2>
</div>
<div v-if="$route && $route.query.error" class="text-red-500 text-center mb-5"> <div v-if="$route && $route.query.error" class="text-red-500 text-center mb-5">
<div class="text-sm"> <div class="text-sm">
<span class="text-red-500" v-if="$route.query.error === 'access_denied'">You do not have access to this status page</span> <span class="text-red-500" v-if="$route.query.error === 'access_denied'">You do not have access to this status page</span>
@ -40,7 +35,7 @@
</div> </div>
</div> </div>
<div> <div>
<a :href="`${SERVER_URL}/oidc/login`" class="max-w-lg mx-auto w-full flex justify-center py-3 px-4 border border-green-800 rounded-md shadow-lg text-sm text-white bg-green-700 hover:bg-green-800"> <a :href="`${SERVER_URL}/oidc/login`" class="max-w-lg mx-auto w-full flex justify-center py-3 px-4 border border-green-800 rounded-md shadow-lg text-sm text-white bg-green-700 bg-gradient-to-r from-green-600 to-green-700 hover:from-green-700 hover:to-green-800">
Login with OIDC Login with OIDC
</a> </a>
</div> </div>