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

немного оформления 3 profile

Browse Source
This commit is contained in:
irchen4 2023-05-23 16:07:56 +03:00
parent dd2406b7e0
commit 23341b07b7
3 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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;

6
src/views/LandingPages/Profile/EditProfile.vue
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 */
}

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

@ -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;