Add branded StartGG heading with official icon color

This commit is contained in:
Pandipipas
2026-02-16 23:05:43 +01:00
parent 35a6c311db
commit 7e0636d839
+21 -2
View File
@@ -586,8 +586,15 @@ onBeforeUnmount(() => {
bordered bordered
class="q-pa-md" class="q-pa-md"
> >
<div class="text-h6 q-mb-sm"> <div class="text-h6 q-mb-sm startgg-heading">
Integración start.gg <svg
class="startgg-heading__icon"
viewBox="0 0 24 24"
aria-hidden="true"
>
<path d="M6 0A5.999 5.999 0 00.002 6v5.252a.75.75 0 00.75.748H5.25a.748.748 0 00.75-.747V6.749C6 6.334 6.336 6 6.748 6h16.497a.748.748 0 00.749-.748V.749A.743.743 0 0023.247 0zm12.75 12a.748.748 0 00-.75.75v4.5a.748.748 0 01-.747.748H.753a.754.754 0 00-.75.751v4.5a.75.75 0 00.75.751H18a5.999 5.999 0 005.999-6v-5.25a.75.75 0 00-.75-.75z" />
</svg>
<span>StartGG</span>
</div> </div>
<div class="text-caption q-mb-md"> <div class="text-caption q-mb-md">
Conecta por OAuth (recomendado) o pega tu token personal para cargar tus torneos creados o donde eres admin. Si aparece "Client authentication failed", revisa que en config uses el Client ID/Secret de un OAuth App de start.gg. Conecta por OAuth (recomendado) o pega tu token personal para cargar tus torneos creados o donde eres admin. Si aparece "Client authentication failed", revisa que en config uses el Client ID/Secret de un OAuth App de start.gg.
@@ -898,6 +905,18 @@ onBeforeUnmount(() => {
} }
.startgg-heading {
display: inline-flex;
align-items: center;
gap: 8px;
}
.startgg-heading__icon {
width: 20px;
height: 20px;
fill: #2e75ba;
}
.startgg-tournament-row { .startgg-tournament-row {
gap: 4px; gap: 4px;
} }