diff --git a/app/assets/stylesheets/wardrobe/show.css b/app/assets/stylesheets/wardrobe/show.css index e0eeb74e..00f9ff7d 100644 --- a/app/assets/stylesheets/wardrobe/show.css +++ b/app/assets/stylesheets/wardrobe/show.css @@ -335,6 +335,7 @@ body.wardrobe-v2 { padding: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6); + width: 20rem; .pose-picker-form { display: flex; @@ -369,6 +370,7 @@ body.wardrobe-v2 { position: relative; width: 60px; height: 60px; + margin: 0 auto; input[type="radio"] { position: absolute; @@ -465,7 +467,7 @@ body.wardrobe-v2 { .tab-list { display: flex; gap: 0.25rem; - margin-bottom: 1rem; + margin-top: 1rem; } .tab-button { diff --git a/app/views/wardrobe/_pose_picker.html.haml b/app/views/wardrobe/_pose_picker.html.haml index d17e5990..fe34b951 100644 --- a/app/views/wardrobe/_pose_picker.html.haml +++ b/app/views/wardrobe/_pose_picker.html.haml @@ -7,6 +7,10 @@ %pose-picker-popover#pose-picker-popover{popover: "auto"} - active_tab = @alt_style ? "styles" : "expressions" %tab-panel{active: active_tab} + .tab-content{"data-tab": "expressions", hidden: active_tab != "expressions" ? true : nil} + = render "pose_picker_form" + .tab-content{"data-tab": "styles", hidden: active_tab != "styles" ? true : nil} + = render "style_picker_form" .tab-list %button.tab-button{"data-tab": "expressions", type: "button", class: ("active" if active_tab == "expressions")} @@ -14,7 +18,3 @@ %button.tab-button{"data-tab": "styles", type: "button", class: ("active" if active_tab == "styles")} Styles - .tab-content{"data-tab": "expressions", hidden: active_tab != "expressions" ? true : nil} - = render "pose_picker_form" - .tab-content{"data-tab": "styles", hidden: active_tab != "styles" ? true : nil} - = render "style_picker_form"