How can I make my ha-floorplan full screen on my iPhone？

[myxu13]

Home Assistant 2021.6.6
iPhone IOS14.5
I tried many ways but couldn't find a way to display ha-floorplan in full screen on my iPhone. You can see the current best situation in the link below.
https://z3.ax1x.com/2021/06/27/RYEETA.png

[exetico]

Please don't double post your questions. I've answered on the HA forum. Fell free to answer here, by adding more details.

[myxu13]

sorry
The following two are the same result.
`views:

• title: page1
  icon: 'mdi:floor-plan'
  path: "page1"
  panel: true
  cards:
  • type: 'custom:floorplan-card'
    full_height: true
    config:
    image: /local/floorplan/floorplan.svg
    stylesheet: /local/floorplan/floorplan.css`

#####################
`views:

• title: Floorplan
  icon: 'mdi:floor-plan'
  panel: true
  cards:
  • type: vertical-stack
    cards:
    • type: horizontal-stack
      cards:
      • type: 'custom:floorplan-card'
        full_height: true
        config:
        image: /local/floorplan/floorplan.svg
        stylesheet: /local/floorplan/floorplan.css`

[exetico]

The PNG doenst work. Kindly share it here.

Also, share your SVG too. Maybe you havn't trimmed the area around it, to have it full the whole screen with no space around it?

[OzGav]

This might be an IOS update issue as I notice that on my iPad (since a recent update) I am not getting full width. Tried Safari and Chrome and the app. Pinch and zoom works but then of course the whole screen zooms so the menu moves off the screen. My iPad is on IOS14.6

[exetico]

I'll mark this as the answer, due to no activity from OP 👍.

[OzGav]

Just want to do a final comment as I just got around to looking at my iPad a bit more. The full_height: true option mostly fixes this in that the image is now full width but there is whitespace above and below the image for me (this will only be an issue I expect for people with other cards on the page). https://experiencelovelace.github.io/ha-floorplan/docs/how-to-handle-size-and-expand-floorplan/