No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

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

    Home link style in a Layout Drawer

    Framework
    css layout drawer q-toolbar-titl
    3
    4
    1071
    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.
    • I
      Incremental last edited by

      Hello, I added a “/” link to my App title in the Layout Drawer.
      I tried to style it without success.
      How could I style it in white like all the drawer ?

      Or is there a better way in Quasar to have a such link ?
      Thanks

      <q-toolbar-title>
               <router-link to="/">App Name</router-link>
      </q-toolbar-title>
      
      dobbel 1 Reply Last reply Reply Quote 0
      • Dennis van Beek
        Dennis van Beek last edited by Dennis van Beek

        If I understand you correctly, you can just make it white with a class (class=“text-white (or class=“bg-white”, if you mean the background))”.

        <router-link to="/" class="text-white">App Name</router-link>
        
        1 Reply Last reply Reply Quote 0
        • dobbel
          dobbel @Incremental last edited by

          @Incremental

          some quasar components also have a to attribute, so you can use them to change route:

          <q-btn color=""  to="\" no-caps icon="account_circle" label="My Account" />
          1 Reply Last reply Reply Quote 0
          • I
            Incremental last edited by

            Thanks all, I ended with :

            <router-link to="/" class="text-white text-bold" style="text-decoration: none;" >Title</router-link>
            
            1 Reply Last reply Reply Quote 0
            • First post
              Last post