Home Explore Help
Register Sign In
github
/
spring-authorization-server
mirror of https://github.com/spring-projects/spring-authorization-server
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Polish web ui design for demo-client

Issue gh-1196
Joe Grandja 2 years ago
parent
4175effadd
commit
1112204475
4 changed files with 7 additions and 7 deletions
Unified View Show Diff Stats
  1. 1 1
      samples/demo-client/src/main/resources/templates/device-activate.html
  2. 2 2
      samples/demo-client/src/main/resources/templates/device-authorize.html
  3. 1 1
      samples/demo-client/src/main/resources/templates/logged-out.html
  4. 3 3
      samples/demo-client/src/main/resources/templates/page-templates.html

+ 1 - 1
samples/demo-client/src/main/resources/templates/device-activate.html
View File 

@@ -9,7 +9,7 @@
 
 <body>
 
 <body>
 
 <div th:replace="~{page-templates :: navbar}"></div>
 
 <div th:replace="~{page-templates :: navbar}"></div>
 
 <div class="container">
 
 <div class="container">
 
-    <div class="row">
 
+    <div class="row py-5">
 
         <div class="col-md-5">
 
         <div class="col-md-5">
 
             <h2>Activation Required</h2>
 
             <h2>Activation Required</h2>
 
             <p>You must activate this device.</p>
 
             <p>You must activate this device.</p>

+ 2 - 2
samples/demo-client/src/main/resources/templates/device-authorize.html
View File 

@@ -9,11 +9,11 @@
 
 <body>
 
 <body>
 
 <div th:replace="~{page-templates :: navbar}"></div>
 
 <div th:replace="~{page-templates :: navbar}"></div>
 
 <div class="container">
 
 <div class="container">
 
-    <div class="row">
 
+    <div class="row py-5">
 
         <div class="col-md-5">
 
         <div class="col-md-5">
 
             <h2>Device Activation</h2>
 
             <h2>Device Activation</h2>
 
             <p>Please visit <a th:href="${verificationUri}" th:text="${verificationUri?.replaceFirst('https?://', '')}"></a> on another device to continue.</p>
 
             <p>Please visit <a th:href="${verificationUri}" th:text="${verificationUri?.replaceFirst('https?://', '')}"></a> on another device to continue.</p>
 
-            <p style="margin-top: 70px">Activation Code</p>
 
+            <p class="mt-5">Activation Code</p>
 
             <div class="card text-bg-light">
 
             <div class="card text-bg-light">
 
                 <span class="card-body" style="font-size: 2em; letter-spacing: 2rem" th:text="${userCode}"></span>
 
                 <span class="card-body" style="font-size: 2em; letter-spacing: 2rem" th:text="${userCode}"></span>
 
                 <form id="authorize-form" th:action="@{/device_authorize}" method="post">
 
                 <form id="authorize-form" th:action="@{/device_authorize}" method="post">

+ 1 - 1
samples/demo-client/src/main/resources/templates/logged-out.html
View File 

@@ -9,7 +9,7 @@
 
 <body>
 
 <body>
 
 <div th:replace="~{page-templates :: navbar}"></div>
 
 <div th:replace="~{page-templates :: navbar}"></div>
 
 <div class="container">
 
 <div class="container">
 
-    <div class="row justify-content-center">
 
+    <div class="row py-5 justify-content-center">
 
         <div class="col">
 
         <div class="col">
 
             <h2>You are now logged out.</h2>
 
             <h2>You are now logged out.</h2>
 
         </div>
 
         </div>

+ 3 - 3
samples/demo-client/src/main/resources/templates/page-templates.html
View File 

@@ -36,13 +36,13 @@
 
     </div>
 
     </div>
 
 </nav>
 
 </nav>
 
 <div class="container">
 
 <div class="container">
 
-    <div th:fragment="error-message" th:if="${error}" class="row justify-content-center alert alert-danger alert-dismissible fade show" role="alert">
 
-        <div class="col">
 
+    <div th:fragment="error-message" th:if="${error}" class="row py-5 justify-content-center">
 
+        <div class="col alert alert-danger alert-dismissible fade show" role="alert">
 
             <strong th:text="${error}"></strong>
 
             <strong th:text="${error}"></strong>
 
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
-    <div th:fragment="message-list" th:if="${messages}" class="row justify-content-start">
 
+    <div th:fragment="message-list" th:if="${messages}" class="row py-5 justify-content-start">
 
         <div class="col">
 
         <div class="col">
 
             <table class="table table-striped caption-top">
 
             <table class="table table-striped caption-top">
 
                 <caption>Messages</caption>
 
                 <caption>Messages</caption>