summaryrefslogtreecommitdiff
path: root/bin/ui
diff options
context:
space:
mode:
authormo khan <mo@mokhan.ca>2025-03-26 15:38:15 -0600
committermo khan <mo@mokhan.ca>2025-03-26 15:38:15 -0600
commitd51fa3b27207f729d954de8c697f86deb85984af (patch)
tree463f62daf87fd960890cfd83574612eb10073a18 /bin/ui
parent0436d46e76b1dfa0d794794adeba7408973de703 (diff)
feat: use pico css to make the UI pretty
Diffstat (limited to 'bin/ui')
-rwxr-xr-xbin/ui19
1 files changed, 13 insertions, 6 deletions
diff --git a/bin/ui b/bin/ui
index 4abe43f1..427d212e 100755
--- a/bin/ui
+++ b/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)| -%>