polyglot/app/assets/stylesheets/users/_edit.scss

43 lines
640 B
SCSS

.profile-container {
margin: 0 1in;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 30px;
// height: calc(100vh - 4.5em); // 4.5em is height of navbar
form {
flex-grow: 1;
.description {
width: 100%;
height: 5em;
}
}
.profile-pic {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 3em;
img {
max-width: 50vw;
padding-top: 30px;
}
}
}
.small-profile-pic {
img {
width: 223px;
margin-bottom: 20px;
}
}
.profile-form {
display: grid;
grid-template-columns: 1fr 1fr;
color: white;
}