modified: main_dc/BB/bbvue/src/views/Profile.vue
add font-family for names into profile page begushiybashkir site
This commit is contained in:
@@ -1,11 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<h2>👤 Бегущий башкир: </h2>
|
|
||||||
<h1>{{ user.firstName }} {{ user.lastName }}</h1>
|
|
||||||
|
|
||||||
<div v-if="authLoading" class="loading">Загрузка профиля...</div>
|
<div v-if="authLoading" class="loading">Загрузка профиля...</div>
|
||||||
|
|
||||||
<div v-else-if="user" class="profile-content">
|
<div v-else-if="user" class="profile-content">
|
||||||
|
<div class="page-header-name">
|
||||||
|
<h2 class="h2-begushiy-bashkir">👤 Бегущий башкир: </h2>
|
||||||
|
<h1 class="h1-names">{{ user.firstName }} {{ user.lastName }}</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="profile-header">
|
<div class="profile-header">
|
||||||
<!-- Секция аватара -->
|
<!-- Секция аватара -->
|
||||||
<div class="avatar-section">
|
<div class="avatar-section">
|
||||||
@@ -100,7 +103,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- Ближайшие события -->
|
<!-- Ближайшие события -->
|
||||||
<div class="events-section" v-if="upcomingEvents && upcomingEvents.length > 0">
|
<div class="events-section" v-if="upcomingEvents && upcomingEvents.length > 0">
|
||||||
@@ -458,7 +461,25 @@ export default {
|
|||||||
|
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
/* Добавляем новые стили для дополнительных секций */
|
|
||||||
|
.page-header-name {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h2-begushiy-bashkir {
|
||||||
|
padding: 0 1rem 0 0;
|
||||||
|
font-weight: 200;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h1-names {
|
||||||
|
font-family: var(--header2);
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
.personal-bests-section,
|
.personal-bests-section,
|
||||||
.events-section,
|
.events-section,
|
||||||
|
|||||||
Reference in New Issue
Block a user