modified: main_dc/BB/bbvue/src/views/Profile.vue

add font-family for names into profile page begushiybashkir site
This commit is contained in:
2025-10-24 11:26:35 +05:00
parent ae5102eeed
commit 3ddf0f186c
+25 -4
View File
@@ -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,