Skip to content

Commit

Permalink
Merge pull request #2400 from dewanshDT/develop
Browse files Browse the repository at this point in the history
Account Settings Page UI for mobile devices
  • Loading branch information
lindapaiste authored Nov 7, 2023
2 parents c3bd42f + 27650bb commit f365644
Show file tree
Hide file tree
Showing 3 changed files with 28 additions and 2 deletions.
16 changes: 16 additions & 0 deletions client/styles/components/_account.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,12 @@
background-color: getThemifyVariable('background-color');
}
min-height: 100%;

@media (max-width: 770px) {
.account-settings__header {
display: none;
}
}
}

.account-settings {
Expand All @@ -24,6 +30,16 @@

.account__social-stack {
display: flex;
@media (max-width: 770px) {
flex-direction: column;
align-items: center;
gap: #{15 / $base-font-size}rem;

button, a {
width: 100% !important;
margin-right: 0;
}
}
}

.account__social-stack > * {
Expand Down
5 changes: 5 additions & 0 deletions client/styles/components/_form-container.scss
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@

.form-container__content {
height: 100%;
max-width: 90vw;
display: flex;
flex-direction: column;
justify-content: center;
Expand Down Expand Up @@ -59,6 +60,10 @@

.form-container__divider {
padding: #{20 / $base-font-size}rem 0;

@media (max-width: 770px) {
text-align: center;
}
}

.form-container__logo-button {
Expand Down
9 changes: 7 additions & 2 deletions client/styles/components/_forms.scss
Original file line number Diff line number Diff line change
Expand Up @@ -56,14 +56,19 @@
}

.form__input {
max-width: 90vw;
width: #{360 / $base-font-size}rem;
min-width: #{355 / $base-font-size}rem;
width: 100%;
height: #{40 / $base-font-size}rem;
font-size: #{16 / $base-font-size}rem;
@include themify() {
color: getThemifyVariable("form-input-text-color");
background-color: getThemifyVariable("input-background-color");
}

@media (max-width: 770px) {
max-width: 100%;
width:100%;
}
}

.form__input-flexible-height {
Expand Down

0 comments on commit f365644

Please sign in to comment.