Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Change layout width

    Framework
    2
    7
    38
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jhon last edited by

      Hi

      Is posible to change the layout width, for exmple:

      width: 1200px
      align: center

      Thnaks

      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @jhon last edited by

        @jhon

        <q-page-container >
             <router-view
                  class="q-pb-xl"
                  style="max-width: 1200px;margin-left: auto;margin-right: auto;" 
             />
        </q-page-container>
        
        J 1 Reply Last reply Reply Quote 0
        • J
          jhon @dobbel last edited by

          @dobbel Thanks for your help

          but, how I can apply this style to Toolbar

          7f327ca4-c3b2-427a-8cd2-08244a56a2ae-image.png

          Thanks again

          dobbel 1 Reply Last reply Reply Quote 0
          • dobbel
            dobbel @jhon last edited by

            @jhon

            but, how I can apply this style to Toolbar

            What do you mean excactly? You want the toolbar also have a max-width?

            J 2 Replies Last reply Reply Quote 0
            • J
              jhon @dobbel last edited by

              This post is deleted!
              1 Reply Last reply Reply Quote 0
              • J
                jhon @dobbel last edited by

                @dobbel said in Change layout width:

                What do you mean excactly? You want the toolbar also have a max-width?

                Yes.

                dobbel 1 Reply Last reply Reply Quote 0
                • dobbel
                  dobbel @jhon last edited by

                  @jhon

                  That’s really weird , because that would lead to gaps to the right and to the left of the toolbar.

                  <q-header reveal class="bg-red" style="max-width: 1250px;margin-left: auto;margin-right: auto;">
                  
                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post