소스 검색

Adding style to signin page

clement 2 년 전
부모
커밋
6b323e5213
1개의 변경된 파일28개의 추가작업 그리고 16개의 파일을 삭제
  1. 28 16
      templates/signin.html.twig

+ 28 - 16
templates/signin.html.twig

@@ -2,22 +2,34 @@
 <html>
     <head>
         <title>BIM</title>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
     </head>
-    <body>
-        <form method="post" accept-charset="UTF-8" action="../auth.php">
-        
-            <h3><label for="id">Username</label></h3>
-            <input id="id" type="text" name="id">
-        
-            <h3><label for="password">Password</label></h3>
-            <input id="password" type="password" name="password">
-        
-            <input type="submit" value="login">
-        
-            {% if session.message is defined %}
-                <p>{{ session.message }}</p>
-            {% endif %}
-        </form>
-        
+    <body class="layout-default">
+        <div class="section">
+            <div class="columns is-centered">
+                <form method="post" accept-charset="UTF-8" action="../auth.php" class="box">
+                    <div class="field">
+                        <label for="id" class="label">Username</label>
+                        <div class="control">
+                            <input id="id" type="text" name="id" class="input is-rounded is-primary">
+                        </div>
+                    </div>
+
+                    <div class="field">
+                        <label for="password" class="label">Password</label>
+                        <div class="control">
+                            <input id="password" type="password" name="password" class="input is-rounded is-primary">
+                        </div>
+                    </div>
+                
+                    <button class="button is-primary">Sign in</button>
+                </form>
+            </div>
+        </div>
+        {% if session.message is defined %}
+            <div class="container">
+                <div class="box notification is-warning">{{ session.message }}</div>
+            </div>
+        {% endif %}
     </body>
 </html>