Commit d51fa3b

mo khan <mo@mokhan.ca>
2025-03-26 21:38:15
feat: use pico css to make the UI pretty
main
1 parent 0436d46
Changed files (1)
bin
ui
bin/ui
@@ -140,13 +140,20 @@ module HTTPHelpers
 
   def with_layout(bind)
     template = <<~ERB
-      <!DOCTYPE html>
-      <html>
+      <!doctype html>
+      <html lang="en">
         <head>
-          <title></title>
+          <title>UI</title>
+          <meta charset="utf-8">
+          <meta name="viewport" content="width=device-width, initial-scale=1">
+          <meta name="color-scheme" content="light dark">
+          <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
+          <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.colors.min.css">
         </head>
-        <body style="background-color: pink;">
-          #{yield}
+        <body>
+          <main class="container">
+            #{yield}
+          </main>
         </body>
       </html>
     ERB
@@ -368,7 +375,7 @@ class UI
     html = with_layout(binding) do
       <<~ERB
         <h2>Sending SAML Request (SP -> IdP)</h2>
-        <textarea readonly="readonly" disabled="disabled" cols=225 rows=6><%=- @saml_builder.to_xml(pretty: true) -%></textarea>
+        <textarea readonly="readonly" disabled="disabled" cols=225 rows=8><%=- @saml_builder.to_xml(pretty: true) -%></textarea>
 
         <form id="idp-form" action="<%= uri %>" method="post">
           <%- saml_params.each do |(key, value)| -%>