1
0
Эх сурвалжийг харах

Adding style to formpasswd page

clement 2 жил өмнө
parent
commit
aa81226cbc

+ 33 - 17
templates/formpasswd.html.twig

@@ -2,25 +2,41 @@
 <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="../changepasswd.php">
+    <body class="layout-default">
+       <div class="section">
+            <div class="columns is-centered">
+                <form method="post" accept-charset="UTF-8" action="../changepasswd.php" class="box">
+                    <div class="field">
+                        <label for="password_current" class="label">Current password</label>
+                        <div class="control">
+                            <input id="password_current" type="password" name="password_current" class="input is-rounded is-primary">
+                        </div>
+                    </div>
 
-            <h3><label for="password">Current password</label></h3>
-            <input id="password_current" type="password" name="password_current">
-        
-            <h3><label for="password">New password</label></h3>
-            <input id="password" type="password" name="password">
+                    <div class="field">
+                        <label for="password" class="label">New password</label>
+                        <div class="control">
+                            <input id="password" type="password" name="password" class="input is-rounded is-primary">
+                        </div>
+                    </div>
 
-            <h3><label for="password_conf">Confirm password</label></h3>
-            <input id="password_conf" type="password" name="password_conf">
-        
-            <input type="submit" value="Confirm">
-        
-            {% if session.message is defined %}
-                <p>{{ session.message }}</p>
-            {% endif %}
-        </form>
-        
+                    <div class="field">
+                        <label for="password_conf" class="label">Confirm new password</label>
+                        <div class="control">
+                            <input id="password_conf" type="password" name="password_conf" class="input is-rounded is-primary">
+                        </div>
+                    </div>
+                
+                    <button class="button is-primary">Confirm</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>