Move tournament refresh to icon-only button beside tournament input

This commit is contained in:
Pandipipas
2026-02-16 01:39:04 +01:00
parent 6dcc2faf70
commit d691f60e08
+19 -10
View File
@@ -590,15 +590,6 @@ onBeforeUnmount(() => {
@click="connectWithStartGGOAuth" @click="connectWithStartGGOAuth"
/> />
</div> </div>
<div class="col-12">
<QBtn
color="secondary"
icon="sync"
label="Cargar torneos"
:loading="loadingTournaments"
@click="loadRecentTournaments"
/>
</div>
</div> </div>
<div <div
v-if="tournamentsError" v-if="tournamentsError"
@@ -606,7 +597,17 @@ onBeforeUnmount(() => {
> >
{{ tournamentsError }} {{ tournamentsError }}
</div> </div>
<div class="row q-col-gutter-sm items-center q-mt-md"> <div class="row items-center q-mt-md startgg-tournament-row">
<QBtn
flat
round
dense
text-color="white"
icon="sync"
class="startgg-refresh-btn"
:loading="loadingTournaments"
@click="loadRecentTournaments"
/>
<div class="col"> <div class="col">
<QSelect <QSelect
v-model="selectedTournamentSlug" v-model="selectedTournamentSlug"
@@ -815,6 +816,14 @@ onBeforeUnmount(() => {
} }
.startgg-tournament-row {
gap: 4px;
}
.startgg-refresh-btn:hover {
background: rgba(255, 255, 255, 0.12);
}
.players-underlined-field :deep(.q-field__control) { .players-underlined-field :deep(.q-field__control) {
min-height: 28px; min-height: 28px;
padding: 0; padding: 0;