This commit is contained in:
FEARmeR 2023-05-23 15:05:58 +01:00
commit ee600a93dc
3 changed files with 18 additions and 13 deletions

View File

@ -50,7 +50,7 @@ onMounted(async() => {
<p>Местоположение: {{ profileData.location }}</p>
<p>Краткое описание: {{ profileData.short_intro }}</p>
<p>Биография: {{ profileData.bio }}</p>
<p>Ссылка на изображение: {{ profileData.profile_image }}</p>
<!--<p>Ссылка на изображение: {{ profileData.profile_image }}</p>-->
<p>Ссылка на GitHub: {{ profileData.social_github }}</p>
<p>Ссылка на Twitter: {{ profileData.social_twitter }}</p>
<p>Ссылка на VK: {{ profileData.social_vk }}</p>
@ -68,9 +68,9 @@ onMounted(async() => {
.profile-container {
width: 50%;
padding: 20px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(6, 104, 14, 0.281);
margin: 5% auto;
background-color: #3d913257;
background-color: #ffffff57;
border-radius: 10px;
}
@ -85,9 +85,12 @@ onMounted(async() => {
h1,h2{
/*font-family: 'PressStart2P';*/
color:rgb(70, 104, 105);
font-weight: 800;
text-align: center;
}
p{
font-family: 'SpaceMono' monospace;
font-weight: 500;
}
button{
background-color: #3d9132;

View File

@ -139,9 +139,9 @@ onMounted(async() => {
flex-direction: column;
align-items: center;
width: 80%;
margin: auto;
margin: 5% 10%;
padding: 20px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(6, 104, 14, 0.281);
}
.profile-container img {
@ -158,7 +158,7 @@ onMounted(async() => {
padding: 10px; /* Add some padding */
margin-bottom: 15px; /* Add some margin */
box-sizing: border-box; /* Ensure padding doesn't affect final dimensions */
border: 1px solid #ccc; /* Add a border */
border: 1px solid #2ca33c; /* Add a border */
border-radius: 5px; /* Add rounded corners */
}

View File

@ -49,7 +49,7 @@ const processProfileData = (data) => {
<p>Местоположение: {{ profileData.location }}</p>
<p>Краткое описание: {{ profileData.short_intro }}</p>
<p>Биография: {{ profileData.bio }}</p>
<p>Ссылка на изображение: {{ profileData.profile_image }}</p>
<!--<p>Ссылка на изображение: {{ profileData.profile_image }}</p>-->
<p>Ссылка на GitHub: {{ profileData.social_github }}</p>
<p>Ссылка на Twitter: {{ profileData.social_twitter }}</p>
<p>Ссылка на VK: {{ profileData.social_vk }}</p>
@ -61,13 +61,11 @@ const processProfileData = (data) => {
<style scoped>
.profile-container {
display: flex;
flex-direction: column;
width: 80%;
margin: 10% auto;
width: 50%;
margin: 5% 25%;
padding: 20px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
background-color: #3d913257;
box-shadow: 0px 0px 10px 0px rgba(6, 104, 14, 0.281);
background-color: #ffffff57;
border-radius: 10px;
}
@ -83,9 +81,12 @@ margin-bottom: 20px;
h1,h2{
/*font-family: 'PressStart2P';*/
color:rgb(70, 104, 105);
font-weight: 800;
text-align: center;
}
p{
font-family: 'SpaceMono' monospace;
font-weight: 500;
}
button{
background-color: #3d9132;
@ -95,6 +96,7 @@ button{
font-weight: 500;
width: 50%;
margin-bottom: 10px;
margin-left: 25%;
}
button:hover{
background-color: #6ac55e;