feat(players): stack Challonge card below StartGG and add logo icon

This commit is contained in:
Pandipipas
2026-02-17 19:03:48 +01:00
parent 77d4ec47b4
commit 132045bb68
+19 -2
View File
@@ -886,6 +886,7 @@ onBeforeUnmount(() => {
</div> </div>
<div class="col-12 col-lg-4 players-startgg-column"> <div class="col-12 col-lg-4 players-startgg-column">
<div class="players-integrations-stack">
<QCard <QCard
flat flat
bordered bordered
@@ -999,15 +1000,18 @@ onBeforeUnmount(() => {
</div> </div>
</div> </div>
</QCard> </QCard>
</div>
<div class="col-12 col-lg-4 players-startgg-column">
<QCard <QCard
flat flat
bordered bordered
class="q-pa-md" class="q-pa-md"
> >
<div class="text-h6 q-mb-sm startgg-heading"> <div class="text-h6 q-mb-sm startgg-heading">
<img
class="challonge-heading__icon"
src="https://challonge.com/favicon.ico"
alt="Challonge"
>
<span>Challonge</span> <span>Challonge</span>
</div> </div>
<div class="text-caption q-mb-md"> <div class="text-caption q-mb-md">
@@ -1109,6 +1113,7 @@ onBeforeUnmount(() => {
</QCard> </QCard>
</div> </div>
</div> </div>
</div>
<QDialog v-model="isManualTokenDialogOpen"> <QDialog v-model="isManualTokenDialogOpen">
@@ -1404,6 +1409,12 @@ onBeforeUnmount(() => {
min-width: 320px; min-width: 320px;
} }
.players-integrations-stack {
display: flex;
flex-direction: column;
gap: 12px;
}
.players-dialog { .players-dialog {
min-width: 320px; min-width: 320px;
@@ -1423,6 +1434,12 @@ onBeforeUnmount(() => {
fill: #2e75ba; fill: #2e75ba;
} }
.challonge-heading__icon {
width: 20px;
height: 20px;
border-radius: 4px;
}
.startgg-tournament-row { .startgg-tournament-row {
gap: 4px; gap: 4px;
} }