fix: better styling for campaign list and username and avatar

This commit is contained in:
Lucien Cartier-Tilet 2024-02-17 03:43:31 +01:00
parent 286e15082d
commit fe67554460
2 changed files with 6 additions and 3 deletions

View File

@ -7,7 +7,10 @@
<div class="flex-col gamemaster"> <div class="flex-col gamemaster">
<div>Maître jeu</div> <div>Maître jeu</div>
<div class="user"> <div class="user">
<UserAvatarAndName :user="props.campaign.expand!.game_master!" :align="'right'" /> <UserAvatarAndName
:user="props.campaign.expand!.game_master!"
:type="'gamemaster'"
:align="'right'" />
</div> </div>
</div> </div>
<div class="flex-col gap-1rem players"> <div class="flex-col gap-1rem players">

View File

@ -3,7 +3,7 @@
<div class="flex-col flex-center"> <div class="flex-col flex-center">
<RouterLink :to="{ name: 'new-campaign' }" class="button">Créer une campagne</RouterLink> <RouterLink :to="{ name: 'new-campaign' }" class="button">Créer une campagne</RouterLink>
</div> </div>
<div class="flex-col gap-2rem"> <div class="flex-col flex-center gap-2rem">
<h2>Campagnes que je gère</h2> <h2>Campagnes que je gère</h2>
<ul v-if="campaignsGameMaster.length > 0" class="campaign-list"> <ul v-if="campaignsGameMaster.length > 0" class="campaign-list">
<li v-for="campaign in campaignsGameMaster" :key="campaign.id" class="campaign"> <li v-for="campaign in campaignsGameMaster" :key="campaign.id" class="campaign">
@ -13,7 +13,7 @@
<div v-else>Pas de campagne pour linstant</div> <div v-else>Pas de campagne pour linstant</div>
</div> </div>
<div> <div class="flex-col flex-center gap-2rem">
<h2>Campagnes je joue</h2> <h2>Campagnes je joue</h2>
<ul v-if="campaignsPlayer.length > 0" class="campaign-list"> <ul v-if="campaignsPlayer.length > 0" class="campaign-list">
<li v-for="campaign in campaignsPlayer" :key="campaign.id"> <li v-for="campaign in campaignsPlayer" :key="campaign.id">