Make modifiers table columns equal width

PhlexyUI · Sep 20, 2024 · 68973b0 · 68973b0
1 parent 88570ee
commit 68973b0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,6 +1,6 @@
 GIT
   remote: https://github.com/PhlexyUI/phlexy_ui.git
-  revision: f7bcae22c4efcb32406965d84144d4a7e0cd72d7
+  revision: 0960d0452385017a96789f1f6ee51c45083efdaa
   branch: main
   specs:
     phlexy_ui (0.1.5)

diff --git a/app/views/components/examples/container_component.rb b/app/views/components/examples/container_component.rb
@@ -21,15 +21,23 @@ def render_modifiers
         Table :zebra, :pin_rows do |table|
           table.header do |header|
             header.row do |row|
-              row.head { "Modifier" }
-              row.head { "DaisyUI class" }
+              row.head class: "w-1/2" do
+                "Modifier"
+              end
+              row.head class: "w-1/2" do
+                "DaisyUI class"
+              end
             end
           end
           table.body do |body|
             component.modifiers.each do |modifier, css_class|
               body.row do |row|
-                row.cell { ":#{modifier}" }
-                row.cell { css_class }
+                row.cell class: "w-1/2" do
+                  ":#{modifier}"
+                end
+                row.cell class: "w-1/2" do
+                  css_class
+                end
               end
             end
           end