Centering q-card-action buttons



  • Hope everyone is having a nice weekend. I am currently trying to center buttons within q-card-actions with no luck. I’ve tried all of the centering layout classes that Quasar provides. “Fixed-Center” moves the buttons to the center of the page outside of the box. “Justify-center” does not move the buttons at all. Here is my code currently without any centering classes:

     <q-card-actions>
                <q-btn
                  flat
                  color="primary"
                  @click="alert=true, videoURL=highlight['videoURL'], videoTitle=highlight['title']"
                >Watch</q-btn>
                <q-btn flat color="primary">
                  <a
                    class="a"
                    style="color: #1976D2"
                    target="_blank"
                    :href="highlight['videoURL']"
                  >Download</a>
                </q-btn>
                <q-btn
                  flat
                  color="primary"
                >Share</q-btn>
              </q-card-actions>
    

    Is there a way to have the buttons centered within q-card-actions? Thanks!



  • @JSONK <q-card-actions align="center"...>



  • @metalsadman said in Centering q-card-action buttons:

    align=“center”

    It worked, thank you!


Log in to reply