瀏覽代碼

Polish web ui design for demo-client

Issue gh-1196
Joe Grandja 2 年之前
父節點
當前提交
1112204475

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

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

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

@@ -9,11 +9,11 @@
 <body>
 <div th:replace="~{page-templates :: navbar}"></div>
 <div class="container">
-    <div class="row">
+    <div class="row py-5">
         <div class="col-md-5">
             <h2>Device Activation</h2>
             <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">
                 <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">

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

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

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

@@ -36,13 +36,13 @@
     </div>
 </nav>
 <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>
             <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
         </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">
             <table class="table table-striped caption-top">
                 <caption>Messages</caption>