xclele/vue-material-kit
1
0
Fork 0
mirror of https://github.com/creativetimofficial/vue-material-kit.git synced 2025-05-23 21:04:21 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'YuryTest' of https://github.com/VikingEngineers/LinkedFrontVue into YuryTest

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/LandingPages/Profile/AdmireProfile.vue
View File

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

6
src/views/LandingPages/Profile/EditProfile.vue
View File

@ -139,9 +139,9 @@ onMounted(async() => {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 80%; width: 80%;
margin: auto; margin: 5% 10%;
padding: 20px; 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 { .profile-container img {
@ -158,7 +158,7 @@ onMounted(async() => {
padding: 10px; /* Add some padding */ padding: 10px; /* Add some padding */
margin-bottom: 15px; /* Add some margin */ margin-bottom: 15px; /* Add some margin */
box-sizing: border-box; /* Ensure padding doesn't affect final dimensions */ 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 */ border-radius: 5px; /* Add rounded corners */
} }

16
src/views/LandingPages/Profile/Profile.vue
View File

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