modify style

This commit is contained in:
MaysWind
2023-07-02 19:09:40 +08:00
parent 9ef7a18847
commit 58824ea879
@@ -8,17 +8,17 @@
</template> </template>
<v-card-text class="d-flex"> <v-card-text class="d-flex">
<v-avatar rounded="lg" color="primary" variant="tonal" size="100" class="me-6"> <v-avatar rounded="lg" color="primary" variant="tonal" size="100" class="me-4">
<v-img :src="oldProfile.avatar" v-if="oldProfile.avatar"/> <v-img :src="oldProfile.avatar" v-if="oldProfile.avatar"/>
<v-icon size="48" :icon="icons.user" v-else-if="!oldProfile.avatar"/> <v-icon size="48" :icon="icons.user" v-else-if="!oldProfile.avatar"/>
</v-avatar> </v-avatar>
<div class="d-flex flex-column justify-center gap-5"> <div class="d-flex flex-column justify-center gap-5">
<p class="text-body-1 mb-0"> <p class="text-body-1 mb-0">
<span class="mr-2">{{ $t('Username:') }}</span> <span class="me-1">{{ $t('Username:') }}</span>
<span>{{ oldProfile.username }}</span> <span>{{ oldProfile.username }}</span>
</p> </p>
<p class="text-body-1 mb-0"> <p class="text-body-1 mb-0">
<span class="mr-2">{{ $t('Avatar Provider:') }}</span> <span class="me-1">{{ $t('Avatar Provider:') }}</span>
<span>{{ currentUserAvatarProvider }}</span> <span>{{ currentUserAvatarProvider }}</span>
</p> </p>
</div> </div>