diff --git a/client/src/components/CreateTeamDialog.vue b/client/src/components/CreateTeamDialog.vue index 2032769..58917c0 100644 --- a/client/src/components/CreateTeamDialog.vue +++ b/client/src/components/CreateTeamDialog.vue @@ -1,28 +1,41 @@ - - {{ $t('description') }} - - {{ $t('your-name') }} - - {{ $t('team-name') }} - - {{ $t('language') }} - - EN - DE - - - - - {{ $t('create-team') }} - {{ $t('cancel') }} - - + + + {{ $t('pin') }} + {{ authcode }} + {{ $t('remember-and-log-in') }} + + + + + + + + {{ $t('description') }} + + {{ $t('your-name') }} + + {{ $t('team-name') }} + + {{ $t('language') }} + + EN + DE + + + + {{ $t('create-team') }} + {{ $t('cancel') }} + + + @@ -55,21 +56,21 @@ const emit = defineEmits(['close']) &__title { flex-grow: 1; - margin: 16px 16px 8px 16px; + margin: 36px 36px 8px 36px; font-family: $font-primary; font-size: 24px; } &__body { flex-grow: 1; - margin: 16px; + margin: 36px; font-family: $font-secondary; } &__footer { display: flex; // justify-content: end; - margin: 24px 16px; + margin: 24px 36px; } &__backdrop { diff --git a/client/src/components/admin/PlayerDialog.vue b/client/src/components/admin/PlayerDialog.vue index d1d6886..9f632aa 100644 --- a/client/src/components/admin/PlayerDialog.vue +++ b/client/src/components/admin/PlayerDialog.vue @@ -1,21 +1,21 @@ Name - + Score - + Authcode - - generate + + generate {{ player.id }} {{ button.name + :css-class="button.type === 'caution' ? button.type : ''" + :border="['primary', 'caution'].indexOf(button.type) >= 0" @click="emit('submit', button.id)">{{ button.name }} @@ -34,7 +34,7 @@ const props = defineProps<{ const emit = defineEmits(['close', 'submit']) const showId = ref(false) -onMounted(() => { +onMounted(() => { window.setTimeout(() => { document.getElementById('player-dialog-name')?.focus() }, 0) @@ -76,6 +76,14 @@ const generate = () => { } } + &__input-box { + display: flex; + } + + &__generate { + margin-left: auto; + } + &__button~&__button { margin-left: 16px; } diff --git a/client/src/components/admin/PlayersTile.vue b/client/src/components/admin/PlayersTile.vue index caead85..d6b2361 100644 --- a/client/src/components/admin/PlayersTile.vue +++ b/client/src/components/admin/PlayersTile.vue @@ -29,8 +29,9 @@