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

    QTab size

    Framework
    qtab size
    3
    5
    1235
    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.
    • A
      adi_dragomir last edited by

      Can we modify the size or the font-size for a q-tab? For example

      <q-tabs
      v-model=“tab”
      class=“text-teal size”
      >
      <q-tab name=“mails” icon=“mail” label=“Mails” />
      <q-tab name=“alarms” icon=“alarm” label=“Alarms” />
      <q-tab name=“movies” icon=“movie” label=“Movies” />
      </q-tabs>

      <style scoped>
      .size {
      font-size: 1.3em;
      }
      </style>

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

        @adi_dragomir

        .q-tab__label {
           font-size: 3em; 
        }
        

        Qtab will grow with increasing text-size, if that is not good enough let me know.

        1 Reply Last reply Reply Quote 0
        • A
          adi_dragomir last edited by

          Unfortunately it made no difference

          metalsadman 1 Reply Last reply Reply Quote 0
          • metalsadman
            metalsadman @adi_dragomir last edited by metalsadman

            @adi_dragomir since you are using scoped, you do it with a deep selector ie v::deep or >>> or /deep/.

            1 Reply Last reply Reply Quote 0
            • A
              adi_dragomir last edited by

              Yes, you are right.
              Thank you.

              1 Reply Last reply Reply Quote 0
              • First post
                Last post