Does a subpage container change width?

[DylanBrianBenton]

First Check

• I added a very descriptive title here.
• I have checked the FAQs for a similar question and didn't find it.
• I used the GitHub search to find a similar question and didn't find it.
• I searched the NiceGUI documentation, with the integrated search.
• I already searched online "How to X in NiceGUI" and didn't find any information.

Example Code

## Main
    with ui.row().classes('w-full h-full'):
      
        ## Content
        with ui.column().classes('w-full flex-1 p-4'):

            ## Subpage Routing
            ui.sub_pages({
                '/': homePage,
                '/NewProject': newProject,
                '/LoadProject': loadProject,
            })

def loadProject():
  with ui.column().classes('w-full'):
    projectLabel('Load Project')
    ui.separator()
    ui.label('Select a Project to Load')
    ui.table(columns=openColumns, rows=[]).classes('w-full')

Description

No matter what I try, the full width option doesnt seem to change the width of the content, although a specific width like w-96 seems to work.

NiceGUI Version

3.00

Python Version

3.12

Browser

Chrome, Firefox

Operating System

Windows

Additional Context

No response

[python-and-novella]

Try this:

from nicegui import ui

def index():
    ui.label('Main')
    ui.separator()
    ui.sub_pages(
        {
            '/':main,
            '/a':a,
            '/b':b
        }
    )

def main():
    ui.link('Page A','/a')
    ui.link('Page B','/b')

def a():
    ui.query('.nicegui-sub-pages').classes('w-full')
    ui.link('Page Main','/').classes('bg-red w-full')
    ui.link('Page B','/b')

def b():
    ui.link('Page Main','/')
    ui.link('Page A','/a')

ui.run(root=index)

Or this:

from nicegui import ui

ui.sub_pages.default_classes('w-full')

def index():
    ui.label('Main')
    ui.separator()
    ui.sub_pages(
        {
            '/':main,
            '/a':a,
            '/b':b
        }
    )

def main():
    ui.link('Page A','/a')
    ui.link('Page B','/b')

def a():
    ui.link('Page Main','/').classes('bg-red w-full')
    ui.link('Page B','/b')

def b():
    ui.link('Page Main','/')
    ui.link('Page A','/a')

ui.run(root=index)

[DylanBrianBenton]

Perfect. I didnt realise subpages had it's own set of classes. Thanks