search

sqlpage / SQLPage

Fast SQL-only data application builder. Automatically build a UI on top of SQL queries.
https://sql.datapage.app
MIT License
1.57k stars 89 forks source link

Shell Component - Sidebar causing footer to not be centered. #556

Closed Pieter3033 closed 1 month ago

Pieter3033 commented 1 month ago

Introduction

If the Sidebar is set to true in the Shell component, it causes the footer to stay in the center of the page that looks a bit wonky.

To Reproduce

Create a webpage in SQLPage with a Shell component, include a footer and set the Sidebar to true.

SELECT 
       'shell-1'        AS component
      ,'horizontal'   AS layout
      ,'dark'            AS theme
      ,'TRUE'          AS sidebar
      ,'Make it happen - Perfectly!' AS footer

Actual behavior

The footer is centered to the page, and not adjusted to center in the part where it is displayed.

In the below screenshot, the current footer is in the blue lines.

Screenshots

image

Expected behavior

Expected the footer to be in the center of the display on the right side of the page and not the center of the entire page.

Version information

lovasoa commented 1 month ago

Thanks @Pieter3033 for reporting this ! It's fixed