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
    1. Home
    2. techpeace
    3. Best
    T
    • Profile
    • Following 0
    • Followers 0
    • Topics 0
    • Posts 2
    • Best 1
    • Groups 0

    Best posts made by techpeace

    • RE: Image in top dropdown menu ?

      Based on @krsyoung’s code, I achieved the same thing with a q-btn:

      <q-btn
        glossy
        v-if="$auth.isAuthenticated()"
        label="Profile menu"
      >
        <img class="profile" width="30" height="30" :src="$auth.user.picture" />
      
        <q-popover
          anchor="bottom right"
          self="top right">
          <q-list link>
            <q-list-header>{{ $auth.user.name }}</q-list-header>
            <q-item @click.native="logOut">
              <q-item-side icon="lock_open" />
              <q-item-main>
                <q-item-tile
                  label>
                  Log Out
                </q-item-tile>
              </q-item-main>
            </q-item>
          </q-list>
        </q-popover>
      </q-btn>
      
      posted in Help
      T
      techpeace