Ver Fonte

Adding style to ssh managing page

clement há 2 anos atrás
pai
commit
b623436034
1 ficheiros alterados com 25 adições e 3 exclusões
  1. 25 3
      templates/sshhomepage.html.twig

+ 25 - 3
templates/sshhomepage.html.twig

@@ -1,3 +1,25 @@
-{% for key_name in session.SSH_KEYS.0|keys %}
-    {{ key_name }} : {{ session.SSH_KEYS.0[key_name] }}
-{% endfor %}
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>BIM</title>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
+    </head>
+    <style>
+        body {word-break: break-all;}
+    </style>
+    <body class="layout-default">
+        <div class="section">
+            {% for key_name in session.SSH_KEYS.0|keys %}
+                <article class="message is-primary">
+                    <div class="message-header">
+                        <div>{{ key_name }}</div>
+                    </div>
+                    <div class="message-body">
+                        {{ session.SSH_KEYS.0[key_name] }} </br></br>
+                        <button class="button is-danger">Delete</button>
+                    </div>
+                </article>
+            {% endfor %}
+        </div>
+    </body>
+</html>