chore: add version to bottom of page

hedgeyedev · Sep 9, 2024 · f6f9e92 · f6f9e92
1 parent 25caf0a
commit f6f9e92
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 4 deletions.
diff --git a/lib/phlex_storybook/assets/phlex_storybook_application.css b/lib/phlex_storybook/assets/phlex_storybook_application.css
@@ -875,10 +875,22 @@ fieldset{
   position: static;
 }
 
+.fixed{
+  position: fixed;
+}
+
 .relative{
   position: relative;
 }
 
+.bottom-0{
+  bottom: 0px;
+}
+
+.right-0{
+  right: 0px;
+}
+
 .mb-4{
   margin-bottom: 1rem;
 }
@@ -1111,19 +1123,25 @@ fieldset{
   line-height: 1.25rem;
 }
 
-.font-semibold{
-  font-weight: 600;
+.text-xs{
+  font-size: 0.75rem;
+  line-height: 1rem;
 }
 
-.capitalize{
-  text-transform: capitalize;
+.font-semibold{
+  font-weight: 600;
 }
 
 .text-gray-900{
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
 
+.text-indigo-200{
+  --tw-text-opacity: 1;
+  color: rgb(199 210 254 / var(--tw-text-opacity));
+}
+
 .text-sky-500{
   --tw-text-opacity: 1;
   color: rgb(14 165 233 / var(--tw-text-opacity));

diff --git a/lib/phlex_storybook/layouts/application_layout.rb b/lib/phlex_storybook/layouts/application_layout.rb
@@ -22,6 +22,9 @@ def view_template(&)
             stylesheet_link_tag "phlex_storybook_application", media: "all"
             turbo_refreshes_with method: :morph, scroll: :preserve
           end
+          span(class: "fixed bottom-0 right-0 p-2 text-xs text-indigo-200") do
+            "v#{PhlexStorybook::VERSION}"
+          end
           body class: "bg-gray-100 text-gray-900 dark:bg-gray-900 dark:text-gray-100" do
             yield
           end