Oops, fix layout for error when item preview fails to load

Oh right, I need the error indicator to be part of a container that
also contains the outfit viewer, to appear below it!

I was motivated because I realized I forgot the Customize More button
so now I'm building it lol
This commit is contained in:
Emi Matchu 2024-09-06 16:24:58 -07:00
parent 5131ba40d8
commit 3a18820d05
2 changed files with 11 additions and 7 deletions

View file

@ -38,6 +38,9 @@ body.items-show
height: 16px height: 16px
width: 16px width: 16px
.preview-area
margin: 0 auto
outfit-viewer outfit-viewer
display: block display: block
position: relative position: relative
@ -46,7 +49,6 @@ body.items-show
border: 1px solid $module-border-color border: 1px solid $module-border-color
border-radius: 1em border-radius: 1em
overflow: hidden overflow: hidden
margin: 0 auto
// There's no useful text in here, but double-clicking the play/pause // There's no useful text in here, but double-clicking the play/pause
// button can cause a weird selection state. Disable text selection. // button can cause a weird selection state. Disable text selection.
@ -336,8 +338,9 @@ body.items-show
grid-template-areas: "viewer faces" "picker meta" grid-template-areas: "viewer faces" "picker meta"
gap: .5em gap: .5em
outfit-viewer .preview-area
grid-area: viewer grid-area: viewer
outfit-viewer
width: 350px width: 350px
height: 350px height: 350px

View file

@ -15,6 +15,7 @@
sorry! sorry!
= turbo_frame_tag "item-preview" do = turbo_frame_tag "item-preview" do
.preview-area
= render partial: "outfit_viewer", locals: {outfit: @preview_outfit} = render partial: "outfit_viewer", locals: {outfit: @preview_outfit}
.error-indicator .error-indicator
💥 We couldn't load all of this outfit. Try again? 💥 We couldn't load all of this outfit. Try again?